距离每周一篇文章的 flag 还有 2 天时间,写一个分屏的 chrome 插件终于被安排上日程。
原本的思路是在同一个 chrome 标签内实现,通过改变 body 的宽度+动态插入 iframe 的方式,考虑到页面刷新问题及样式的问题,此路不通。于是衍变成新开一个窗口去实现。
首先,新建一个项目,打开 chrome://extensions/ 页面,打开右上角按钮开发者模式,将项目拖至此页面空白处自动安装
重点tips
manifest.json 配置,permissions 权限相关
调试,右击插件图标-审查弹出内容-开发者工具
开发者工具 Console 栏输入 chrome 可见 Chrome 平台 API