有一天女朋友跟我抱怨：工作里被各种链接折腾得头大，飞书和浏览器之间来回切窗口，一会忘了看哪个，心情都被搅乱了。我回头一想——我也一样，办公室每个人都被链接淹没...

昨天一个实习生同事来找我：“哥们，我的Chrome插件遇到个奇怪问题，为什么我插入到页面的内容脚本content.js，重写页面脚本的方法没有生效？”....

在 Ubuntu 上获取并编译 Google Chrome DevTools Frontend 源码，有两种主流方式： 直接下载官方已经打好包的 npm 包（最快，免编译） 用 Google 的 de

那天下午，我正在浏览一些小日子前端技术文档，突然听到身后传来脚步声。我下意识地想要切换窗口，但已经来不及了——我的同事小张已经站在了我身后。"咦，你在看什么？"他好奇地问道。我尴尬地笑了笑，手忙脚乱地

在开发工作中，你是否遇到过这样的场景： 当你需要开发某个功能时，这个功能依赖一系列的点击或者选择操作，才能获取到最终的数据。而在开发和调试的过程中，你往往需要多次验证流程的正确性。早期的时候，这种验证

在开发Chrome插件的时候，使用content_script + world +替换XMLHttpRequest的方法简单优雅的实现获取页面中请求结果的目的。一个相当值钱的爬虫开发知识点。

在这个年代，不用chrome都不好意思说自己是敲代码的。特别是前端，chrome对于前端来说简直是调试利器，不可或缺的存在。不得不说chrome的功能是极其强大的，其中最亮眼的功能莫过于扩展程序(浏览器插件)，国内各大浏览器品牌也都纷纷“效仿”，今天就为大家带来一次chrome…

今天，我将向你展示如何使用原生 JavaScript 开发 Chrome 扩展程序 —— 也就是说，不使用诸如 React、Angular、Vue 之类框架的纯 JavaScript。 开发 Chrome 扩展程序非常简单 —— 在我开始编程生涯的头一年，我发布了两个扩展程序，…

1. WEB前端助手(FeHelper) 2. Vue.js devTools 3. React Developer Tools 4. 书签侧边栏 5. EditThisCookie 6. Image Downloader 7. Scroll To Top Button 8. …