chrome 浏览器上有很多插件,我最喜欢的只有这一个,因为它解决了我工作中的很多麻烦。相信我,装上它,你的工作会容易很多。
铛~铛~铛~, 铛! 它就是ajax-interceptor
- 我是怎么发现它的?json解析
刚开始写前后端分离项目时源码时代,我碰到了一个脾jsonp气不太好的后端搭档,他总是不愿意配合造数据,于是我萌生了后端开发是干什么的要写一个响应拦截器的想法,在查资料实现的过程中,发现了这个插件。 到现在,我用这个插件有2-3年了,真是爱不释手啊!
- 作用
你可以用该插件修改页面上Ajax请求的返回结果。
用法
-
点击上面的chrome商店地址就能直接安装。
-
打开插件
- 界面介绍
本身的界面:
修改后的界面:
- 使用方法测试你的自卑程度看视频教程:
这里以修改文章列表中第一篇文章的title为例
注意事项
- 建议第一次安装完重启浏览测试抑郁症的20道题器,或者刷新你需要使用的页面。
- 当你不需要使用该插件时,建议把开关关上(插件icon变为灰色),以免对页面正常浏览造成影响教程287。
- 该插件只会在JS层面上对返回结果进行修改,即只会修改全局的XMLHTTPRequest对测试你的骨子里潜藏什么性格象和fetch方法里的返回值,进而影响页面展现。而你在chrome的devtools的network里看到的请求返回结果不会有任何变化
如何修改插件添加标签功能
作为资深用户,我觉得唯一不好的一点就是,当拦截的请求过多的时候,界面上不能很容易的区分出每个请求,必须要点到url里面查看才能知道,急需要一个备注或者标签的功能,所以我找到源码 ),自己加了一个。 在iframe目录下的main.js中后端开发工程师,找到源码编辑器手机版下载界面:
别忘了修改处理函数和删后端开发工程师除函数哟,修改之后重新构建添加到chrome 插件中就行啦。最后界面就是上面这个样子:
这样是不是直测试用例观一些?哈哈。
tips
要感谢当年那位同事,我为了自己方便也造了些轮子学到些东西(搞懂了nginx配置解决页面刷新404,写nodeServer做请求转发解决跨域等)。
了解了插件能做测试你的自卑程度的事情之后,我自己也写了一些简单的小插件:
- 比如隐藏指定页面侧边栏和header 因为我不喜欢看广告,还有不想被经过的教程之家解压密码人发现我在做什么,所以我写了这个:
- 给另一半的源码编程器生日惊喜 给他安装一个插件,在他生日当天打开浏览器的第一时间,弹出这样的画源码网站面:
想想,还是挺浪漫的吧!
chrome extensions 帮助我更好的工作和生活,最重要的是学到了一些解决问题的新思路。 查看源码编程器下载官方教程画画文档chrome extensions 官方文档开启你的插件开发之旅吧。
帮助他人就是帮助测试自己,好东西当然要分享给大家。如果大家有有趣的点子也希望分享给我,一起做有趣的事啊!希望文章能对你有所帮助。关注我,定能有一点点收获!
奇妙的知识
嵌入的 iframe 又不能访问了?还有这些后端工程师你不知道的事
package-lock.json 需要提交到 git ?