通用扩展
1、科学上网
又名"谷歌服务助手",可一键访问Google、Youtube、Facebook、Twitter、Wikipedia等网站,速度快,关键是永久免费。
谷歌查资料还是挺不错
2、开发工具箱
强烈推荐给前端、后端工程师、测试人员等。功能有:MD5加密(16位、32位),UrlEncode/UrlDecode,Base64Encode/Base64Decode,CSS/JS/Html代码美化、压缩,人民币大小写转换,简体繁体转换,ASCII码转换,颜色选择器,EsCape/UnEscape,8、10、16进制加解密等等。
部分功能
3、Violentmonkey(暴力猴)
该插件可为浏览器提供用户脚本支持,这块的应用很多也很灵活,你懂得,一个插件相当于可以支持更多扩展。
脚本商店
4、Wappalyzer
它是一款基于最新前端技术的Chrome浏览器扩展应用。它提供了一键识别网站CMS、框架、库、服务器、操作系统、统计、广告等信息的强大功能,可方便前端或者后台开发者快速查看网站的技术细节信息。
绝对好使
前端开发
1、UA一键切换(UseragentSwitcher)
它可以一键切换为手机、平板电脑、PC浏览器的UserAgent,方便开发者在PC上测试网站,以解决网站的兼容性问题,尤其是前端开发者可以灵活的开发测试H5等手机页面。
前端开发神器
2、WEB前端助手
这是一款百度官方出品的浏览器插件,支持前端开发中的字符串编解码、代码美化、JSON格式化,正则表达式,以及二维码生成器、编码规范检测、页面性能检测、栅格检测等功能。
百度出品
3、Window Resize
它可以一键切换为手机、平板电脑、PC浏览器的窗口大小,方便开发者在PC上测试网站,尤其是手机网站WebAPP自适应、HTML5响应式网站开发者,必备神器。
右键使用
4、CSS Viewer
鼠标悬浮在Dom元素上即可快速看到对应元素的最终样式信息,方便开发者调试css,同时也是菜鸟学习必备工具。
很好使
5、VUE-devtools
VUE官方出品的开发辅助工具,方便前端开发者在浏览器上调试vue项目,前端开发必备神器之一,它的源码可在GitHub上下载,需要的朋友可去下载。
扩展使用
6、React Developer Tools
React Developer Tools 是一款由 Facebook 官方开发的 Chrome 浏览器扩展,通过它开发者可以查看应用程序的 React 组件分层结构,而不是更加神秘的浏览器 DOM 表示。注意:该插件只对 ReactJS 开发有效。如果是 React Native 的话则无法使用这个插件调试,毕竟RN是开发APP的,需要相应的模拟器和工具才能调试。
应用截图