chrome抓取网页插件(后端不愿意造数据的时候，如何修改插件添加标签功能)

　　chrome抓取网页插件(后端不愿意造数据的时候，如何修改插件添加标签功能)

　　chrome浏览器上有很多插件，这个是我最喜欢的，因为它解决了我工作中的很多烦恼。相信我，戴上它，你的工作会轻松很多。

　　当后端不愿意创建数据时，我使用它

　　我在接口返回的数据不理想时使用

　　测试边界值时，我使用它

　　我用它来重现错误

　　叮~叮~叮~叮！它是 ajax *敏*感*词*[1]

　　我是怎么知道的？

　　刚开始写前后端分离项目的时候，遇到了一个脾气不好的后端小伙伴。他一直不愿意配合数据创建，于是萌生了写一个响应*敏*感*词*的想法。，找到了这个插件。我已经使用这个插件 2-3 年了，我真的很喜欢它！

　　影响

　　您可以使用该插件来修改页面上 Ajax 请求的返回结果。

　　用法

　　接口介绍

　　它自己的界面：

　　

　　修改后的界面：

　　

　　观看有关如何使用的视频教程：

　　下面是修改文章列表中第一篇文章文章的标题的例子

　　

　　图片太大，请截图

　　防范措施

　　建议第一次安装后重启浏览器，或者刷新需要使用的页面。

　　不需要使用插件时，建议关闭开关（插件图标变为灰色），以免影响页面的正常浏览。

　　插件只在JS层面修改返回结果，即只修改全局XMLHTTPRequest对象和fetch方法中的返回值，从而影响页面显示。而你在chrome的devtools的网络中看到的请求返回结果也不会改变。

　　如何修改插件添加标签功能

　　作为资深用户，我觉得唯一不好的就是当拦截请求太多的时候，在界面上很难区分每个请求。你必须点击网址才能看到它，你迫切需要一个注释或标签。函数，所以我找到了源代码[2]并自己添加了一个。在iframe目录下的main.js中，找到接口：

　　不要忘记修改处理函数和删除函数。修改后重新构建并添加到chrome插件中。最终界面如下所示：

　　

　　这不是更直观吗？哈哈。

　　提示

　　我要感谢我那一年的同事。自己也造了一些轮子，学了点东西方便自己（了解nginx配置解决页面刷新404，写nodeServer做请求转发解决跨域等）。

　　在了解了插件可以做什么之后，我自己写了一些简单的小插件：

　　比如隐藏指定页面的侧边栏和页眉，因为我不喜欢看广告，也不想被路过的人发现，所以我这样写：

　　

　　图片太大，请截图

　　给另一半生日惊喜安装插件，生日第一次打开浏览器，会弹出这样的画面：

　　图片太大，请截图

　　想想看，还挺浪漫的！

　　Chrome 扩展帮助我更好地工作和生活，最重要的是学到了一些解决问题的新思路。查看官方文档 chrome extensions 官方文档 [3] 开始您的插件开发之旅。

　　参考文献 [1]

　　ajax *敏*感*词*：

　　[2]

　　源代码：

　　[3]

　　chrome扩展官方文档：