到另一个页面窗口的大小_写一个分屏的chrome插件

距离每周一篇文章的 flag 还有 2 天时间,写一个分屏的 chrome 插件终于被安排上日程。

80f39347009dae8deea7cba5aa495554.png

a2727a9ebfebd9efba0be6b14730f3ed.png

原本的思路是在同一个 chrome 标签内实现,通过改变 body 的宽度+动态插入 iframe 的方式,考虑到页面刷新问题及样式的问题,此路不通。于是衍变成新开一个窗口去实现。

首先,新建一个项目,打开 chrome://extensions/ 页面,打开右上角按钮开发者模式,将项目拖至此页面空白处自动安装

重点tips

  1. manifest.json 配置,permissions 权限相关

  2. 调试,右击插件图标-审查弹出内容-开发者工具

  3. 开发者工具 Console 栏输入 chrome 可见 Chrome 平台 API 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值