![]() ![]() We can filter the requests by type: HTML, CSS, JS, Image, Sources, Multimedia, and other. This view is very useful to know exactly how many external elements is loading a web, and if it is necessary to reduce the number of elements. Network Monitor: here we can see all the requests performed by a web page, and explore the headers of the same. ![]() Any thing we can do on Javascript, can be performed directly on the “ Web Console”. We will be able to call the method of an object, or use jQuery to list a series of items. Web Console: this panel shows the errors and warnings messages generated by the web page that we are visiting, and organizes them into categories, so we can see the correponding errors to CSS, Javascript, Network, etc., we can also interact with the elements of the web by typing Javascript code on the console.The same happens with the HTML code, when we open the “ Inspector Page” panel and place the cursor on top of an HTML element, this element will be highlighted on the design of the page. For example, if we select a CSS class, we will see highlighted in the web all the elements that make use of that CSS class. We can see and modify the HTML and CSS code on the fly. Page Inspector: this panel displays information about the elements that make up the web page.This way, we can see if the responsive design adapts perfectly to the maximum number of possible resolutions. Responsive design: thanks to this view it will not be necessary to install any plug-in to check how the page is viewed in many resolutions.This tool is on atesting phase, so it is not recommended to work with it in a consistent way. These changes will be reflected in the connected mobile devices. This allows connecting the mobile device to the computer, and make changes on the page source code using Firefox. For example, we can debug a web page running on a Safari at iOS, or running on a Chrome at Android. Valence: this tool allows is to debug different browsers in different devices.Firefox Developer Edition is a standard web browser, so we will be able to browse the Internet on the usual way, but it has the peculiarity that includes a multitude of tools that facilitate the work of the web developers. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |