Chrome插件如何制作点击图标的popup窗口

 时间:2024-10-13 02:21:46

1、首先,在manifest.json中添加page_action字段,指明default_popup为popup.html。

Chrome插件如何制作点击图标的popup窗口

2、接着,添加popup.html文件,添加html文档内容。

Chrome插件如何制作点击图标的popup窗口

3、在background脚本中,添加关于declarativeContent.onPageChanged相关的规则处理,添加当页面到达指定host时,执行ShowPageAction。

Chrome插件如何制作点击图标的popup窗口

4、在manifest.json中,添加对background脚本的设置,添加declarativeContent的permission。

Chrome插件如何制作点击图标的popup窗口

5、此时,在指定host的页面点击插件按钮,可以看到弹出页面,但是此时乱码且宽度不正确。

Chrome插件如何制作点击图标的popup窗口

6、在head中添加meta charset并且在style中设置 body的宽度即可解决问题。

Chrome插件如何制作点击图标的popup窗口
  • 如何画摩尔城简笔画?
  • python中如何对list中的数据进行遍历
  • 山药拉丝芝士棒的做法详细教程(精品)
  • VS2013如何使用模板页制作网页
  • Python如何将图像转换为字符
  • 热门搜索
    缅怀先烈手抄报简单又漂亮 少先队知识手抄报 新型冠状病毒手抄报图片 做一个有道德的人手抄报 尊老敬老的手抄报 119消防安全手抄报图片 元旦节的手抄报 红红火火过大年手抄报 少年强则国强手抄报 防溺水手抄报简单好画图片