博主在项目中遇到频繁手动输入cookie的问题，因此决定开发一个Chrome扩展程序以实现页面登录。经历了从弹出框版到Tampermonkey脚本版，再到使用parcel工具打包的迭代过程。在解决跨域获取和设置cookie的问题上遇到了挑战，最终通过在proxy配置中处理解决了这个问题。然而，由于对象排列问题导致在某些情况下cookie无法正确添加。为简化接口调用，博主选择采用后端提供的万能key。
由于项目分为好几个模块，所以每次运行某个模块的时候都需要粘贴cookie在proxy配置里。所以考虑写一个Chrome扩展程序，把登陆放在页面上。下面是略带心酸的探索过程。。。。
第一版：首先我考虑的是搞一个弹出框，完全符合Chrome扩展程序的样子。需要登陆就点一下图标，出现登陆框。然后插件调用登陆接口拿到cookie，放进本地。问题：扩展程序发送请求origin是扩展程序的，不是真正页面发送的（比如localhost），而且扩展程序和实际页面不是一个，所以cookie也存不到页面的cookie里。需要通过background.js通讯传给页面在存。好的，涉及到代码注入啦～～
第二版：既然需要代码注入，那么不如连登陆都注入进去好了。这样连origin的问题都解决了。真棒！！然后呢发现了Tampermonkey这个Chrome插件。这是个帮你把插件架子搭好的插件。你只要把需要注入的脚本放进去就行了。于是我开始了原生js的creatElement的坎坷
最低0.47元/天 解锁文章
扫一扫
784
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
