This is the 28th day of my participation in the August Text Challenge.More challenges in August
Chrome is one of the most popular tools for front-end developers. Here are some of the most useful ways to debug Chrome, from performance, logic, layout, interaction and more.
The following shortcut keys are used in the MacBook hardware environment. Please correct some shortcut keys in Windows.
More articles in my Github and personal public account [full zhandao road], welcome to watch [an unknown football dog’s front knowledge point], if there are benefits, do not pay, little hands point a Star
The use of good Chrome Devtools
Use the Source Order Viewer for better accessibility checking
The source order viewer displays the order of elements defined in the source file. Using this feature can help improve the experience of people using assistive technologies. This order is similar to how tabIndex affects the order of page elements.
Easy control of typography with CSS font editor
Better debugging with CSS Grid and Flexbox editors
Use the CSS Overview panel to refactor and improve your stylesheets
Create your own keyboard shortcuts and increase productivity
Check and debug the CSS grid
Quickly change values in CSS and HTML code
Use the CSS Overview panel to view CSS information
Copy and extract all CSS for elements on the page
Generate JavaScript expressions to get DOM nodes
- Some of the tips for Google’s developer tools were taken from umaar.com
Write in the last
If you find this article beneficial to you, please like it and share it with more people who need it!
Welcome to pay attention to [Quanzhandao road] and wechat public account [Quanzhandao Road], get more good articles!
If you need [Baidu] & [Bytedance] & [JINGdong] & [Ape Tutoring], please leave a message, you will enjoy VIP speed push service ~
Past oliver
Create a personalized Github profile
Implementation of wechat JS API payment
The interviewer asks you<img>What would you say about the element
Special JS floating-point number storage and calculation
Long [word] baidu and good interview after containing the answer | the nuggets technology essay in the future
Front end practical regular expression & tips, all throw you 🏆 nuggets all technical essay | double festival special articles
A detailed explanation of the unpopular HTML tabIndex
A few lines of code teach you to solve the wechat generated posters and two-dimensional code
Principle of Vue3.0 Responsive data: ES6 Proxy
Make the interviewer fall in love with you
How to draw a fine line gracefully
[3 minutes] Front-end performance optimization -HTML, CSS, JS parts
Front-end performance Optimization – Page loading speed optimization
Front-end Performance Optimization – Network transport layer optimization