This is the 20th day of my participation in the August More Text Challenge.
preface
Front end 40+ featured VSCode plug-ins, there are always a few you don’t have! 800+ star
There is a saying, twice the result with half the effort, it must be with the help of some ideas and tools. Not to mention the following common plug-ins:
- Vue, React, etc
- The nuggets plug-in
- Google translate
Need to be able to go to Google Store, if not, first install iGG Google Access Assistant, and then everything is fine. Next, search and download offline packages at www.cnplugins.com/, crxdl.com/ or chrome.pictureknow.com/. Again, download the Microsoft Edge browser and install the plugin!
More exciting next!! High mobility diagram, please don’t be distracted!!
Five Star Recommendation category (12)
Green search
Super five-star recommendation, remove Baidu search ads or weaken the display, is really a work of conscience, conscience work, conscience work. Same search front end two words, see the effect, advertising is gone, advertising is gone, advertising is gone, quickly install it
IGG Google Access Assistant
Not the Google Access Assistant to sign up for!!
Basic free, do not have any mandatory requirement, return wait for what!! Of course, accessing YouTube and so on, that’s a different story.
360 browser pro test, very easy to use, Google I come.
Stream Recorder – download HLS as MP4
Two words: extremely powerful, it can directly intercept live streams, FLV and other formats. I repeat, we can intercept the live stream. The principle is the underlying method of intercepting the MSE.
With Stream Recorder, you can easily save live and archived video published in typical HLS (M3U8) format.
Even if the video file type is MP4 format, you can record the video directly using the unique video capture function.
octotreeGithub and GitLab tree navigation
Github website to browse sharp tools, right production menu, take in everything in a glance, simple and efficient ！！！！
A similar plug-in, Sourcegraph, is even smarter.
TampermonkeySwim monkey script
Websites run what are called user scripts. You can change the layout of a page, add or remove new features and content, or automate actions. Not only can they add their own scripts, but the concept of their own script store is so strong that it is purple.
Making acceleration
Github download is slow, but with this plugin, download speed is fast.
Extension Manager
Chrome plugin manager, plugin too much can not put, activation and deactivation is not convenient, this, really good!
Colorful cloud translation – web page translation plug-in
These people may say **Google Translation ** does not smell? The premise is to connect to Google’s services, and Cloud translation is different.
Colorful cloud translation bilingual web page translation plug-in, a web page translation tool developed for browsers, efficient access to native language reading experience with one click.
Adblock Plus – Free AD blocker
There’s also the base AdBlock, the best AD blocker, and the **AdGuard AD blocker ** to see just how annoying ads can be!
Adblock Plus is a popular Adblock plugin for Chrome. Adblock Plus is used by millions of users and has high usage ratings worldwide. It is maintained by an open source community.
There may be a fee, but the world is quiet.
Infinity new TAB
Millions of users choose the new TAB, free to add website ICONS, cloud HD wallpaper, quick access to bookmarks, weather, notes, to-do list, extension management and history.
CrxMouse Chrome ™ gestures
Cool enough, who uses who knows!!
Fully explore all mouse actions. Features include: mouse gestures, super drag, wheel gestures, joystick gestures, smooth scrolling, TAB list and more.
OneTabLabel management expert
Save up to 95% memory and reduce TAB page clutter. Come on, I can open another 100 tabs.
Front-end Development Tools (17)
FeHelperFront-end toolset
Absolute five-star recommendation, built-in JSON beautification, JSON comparison, image to base, TWO-DIMENSIONAL code/decoding, Markdown tools, simple postMan, JS regular, page color, coding conversion, webpage performance, monkey script, Excel to JSON and so on
FEHelper has its own plugin marketplace. By default, it only has JSON beautification tools, which need to be installed in the Settings panel.
LighthousePerformance analysis
Lighthouse is an open source automation tool designed to improve the performance, quality, and correctness of Web applications.
As pages are audited, Lighthouse runs a number of tests against the page, and then generates a report on how the page is performing. From here, you can use failure tests as indicators of what you can do to improve your application.
Talend API Tester – Free Edition
Calling, discovering, and testing HTTP and rest apis becomes very easy.
No need to install Windows apps, just work in the browser!!
Image downloader
Steal map sharp tool ！！！！
The image downloader displays a thumbnail of each image found on the page and can choose to download all images or select only a portion. It’s easy to use if you want to download all the images, because it only takes two clicks.
A bit of a trap is the 360 browser pop up disgusting download box.
ColorZilla
Advanced dropper, color selector.
FeHelper has a similar feature, but it’s not as powerful.
JSON Viewer
Beautify the JSON display, built in many styles, such as I like black, black silk, ha ha!
Web Developer
Web Developer this extension integrates a wide variety of Web development tools. It is almost a must-have extension for Web developers. When installed, it adds a small gear-shaped icon to the browser toolbar. The heat is high, but I don’t like it very much, ha!
EditThisCookie
EditThisCookie is a cookie manager. You can add, delete, edit, search, lock and block cookies!
User-Agent Switcher for Chrome
The ability to disguise Chrome as a different browser lets you easily test the original web page.
Window Resizer
Users can adjust the window size to 320×480, 480×800, 1024×768, or customize the size of the browser window.
CSSViewer 和 CSS Peeper
Real-time display of node style, unfortunately does not support replication, last updated in 2017.
CSS Peeper can extract styles, awesome
Page Ruler Redux
Developers design rulers to get perfect pixel size and positioning to measure elements on any web page.
BuiltWith Technology Profiler
Is a website analysis tool. When looking for a page, BuiltWith returns all the technologies it can find on the PAG.
Let’s look at digging for gold
What Font – find font
Let you know what font to use on any website
What font lets you know the font name, its family, color, style, size, position. Such a great tool for creating design pages quickly.
SEO Analysis & Website Review by WooRank
SEO analysis tools
Real-time SEARCH engine optimization analysis and website reviews for Search engine optimization, mobile, usability and social media.
The SEO Analytics and Site Reviews extension will analyze the sites you are visiting in your browser and generate a clear, actionable report to highlight any issues that affect the accessibility, readability, availability and finachability of the reviewed site.
Live editor for CSS, Less & Sass – Magic CSS
Preview CSS/Less/Sass code changes in real time and the code will be applied immediately. The code you write will be saved in the storage space of the browser extension or in the local storage of the web site.
Similarly, there is the User CSS
Page load timePage loading view
One click to view page loading parameters!
Other Classes (7)
Screenity – Screen video recording and annotation tool
Chrome’s most powerful screen video recorder. Capture, comment, edit, etc.
**whatruns
Proxy SwitchyOmega
Easily and quickly manage and switch between multiple agent Settings.
Bookmarks sidebar
Add a fixed sidebar for managing all bookmarks to the left side of the browser view area.
Capture web page screenshots – FireShot
Page screenshots, Chrome now has built-in screenshots, enter a few steps, and this is more intuitive.
Clear Cache
Clear browser cache with one click!!
IP Address and Domain Information
IP address, domain name, and provider details.
Bilibilii Download Assistant
As two yuan, recommend a bilibili download assistant! Of course, there’s the more powerful Bilibili-assistant: THE Bilibili.com comprehensive Assistance extension, I prefer the lightweight.
Resource Override
This extension allows you to dynamically redirect urls before making a request.
Write in the last
If you think it is good, your likes and comments are the biggest motivation for me to move forward.
Technical group please come here. Or add my wechat Dirge-Cloud and learn together.
reference
Recommended_extensions 24 Chrome extensions that you are worth installing!! Top 10 Chrome extensions for front-end WEB designers