超实用的 chrome 扩展推荐

超实用的 chrome 扩展推荐

💡 原文中文,约9900字,阅读约需24分钟。
📝

内容提要

一位前端开发者分享了精选Chrome扩展,涵盖基础功能、效率工具和开发者工具等类别,包括广告拦截、标签管理、截图翻译和代理切换等。文章还介绍了扩展与插件、App的区别,以及Chrome应用商店新政策和Chrome Apps停止支持的时间表。

🔎

延伸解读

扩展选择与使用建议

作者作为前端开发者,选择扩展时优先考虑免费、更新力度大、好评率高和官方出品。他建议同类型插件只装一个,避免内存浪费和冲突。对于广告拦截扩展,前端开发时可能误拦截,可通过白名单或关闭解决。这提醒读者按需选择,定期清理不用的扩展。

扩展、插件与App的区别

文章澄清了三个概念:扩展(Extension)基于Chrome API,用HTML/CSS/JS开发,工作在浏览器层面;插件(Plugin)基于NPAPI,用C/C++等开发,工作在内核层面;Chrome App是可独立运行的应用,类似PWA或Electron。理解这些有助于用户正确选择工具,避免混淆。

Chrome Apps停止支持时间表

Google宣布逐步停止对Chrome Apps的支持:2020年3月停止接受新App,2020年6月终止Windows/Mac/Linux支持,2021年6月终止Chrome OS支持,2022年6月全面停止。现有App可用至2022年6月。这反映了Google推动PWA的战略,用户需关注替代方案。

扩展管理实践

作者使用Extension Manager将扩展分为默认、开发、无扩展三组,根据不同场景切换。他建议不要同时开启所有扩展,因为会占用内存。可通过Chrome任务管理器查看资源占用。这种分组管理方法能平衡功能与性能,值得读者借鉴。

❓

Q&A

Chrome扩展、插件和App有什么区别?

扩展(extension)通过Chrome API扩展浏览器功能,工作在浏览器层面,用HTML/CSS/JavaScript开发,如Tampermonkey;插件(plugin)更底层,通过Webkit内核NPAPI扩展内核功能,工作在内核层面,可用C/C++等开发,如Flash Player;App是独立于Chrome窗口的应用,类似桌面软件,用网页技术开发,如Secure Shell App。

有哪些好用的Chrome标签管理扩展?

Quick Tabs(按最近使用顺序排序,可搜索快速切换)、OneTab(将所有标签收进一个页面,点击恢复)、The Great Suspender(自动冻结不用的标签节省内存)、Tabs Outliner(树状显示标签页)。

Chrome应用商店新政策对扩展有什么影响?

新政策规定所有扩展必须遵守单一用途原则,否则强制下架,例如FEHelper就因此被下架。同时,Chrome将停止对Chrome App的支持,时间表为:2020年3月停止接受新App,2020年6月终止Win/Mac/Linux支持,2021年6月终止Chrome OS支持,2022年6月对所有客户停止支持。

有哪些提高前端开发效率的Chrome扩展?

包括ColorZilla(取色器)、Page load time(测量页面加载耗时)、CSSViewer(CSS查看器)、EditThisCookie(Cookie管理)、JSON Viewer Awesome(美化JSON)、Lighthouse(性能测试)、Page Ruler(尺寸测量)、ReRes(URL重定向)、User-Agent Switcher(切换UA)、WEB前端助手(FeHelper)、Restlet Client(API测试)、VisBug(设计调试)、Moesif Orign & CORS Changer(跨域)、LiveReload、React Developer Tools、Redux DevTools、Vue.js devtools等。

有哪些好用的Chrome广告拦截扩展?

常见的有Adblock、Adblocks plus、AdGuard、uBlock Origin等,选择一款安装即可,不要同时安装多个以免冲突。对于国内广告,可以尝试国人开发的“广告终结者”。

如何管理大量Chrome扩展?

可以使用扩展管理器(Extension Manager),支持搜索和分组功能。作者建议分为三个组:默认分组(常用扩展)、开发分组(去除可能影响开发的扩展如广告拦截)、无扩展分组(基本不开启扩展,只保留新标签页扩展),根据不同场景切换。

🏷️

标签

➡️

继续阅读