browser.tabs.insertCSS


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/02/15/browser-tabs-insertCSS/

摘要

本文主要讲述了:

  1. 许可配置
  2. 在网页中插入 CSS

正文

许可配置

必须申请hostactiveTab许可

在网页中插入 CSS

示例:插入 CSS 代码

1
2
3
4
5
6
7
8
9
10
browser.tabs
.insertCSS({
code: 'body { border: 10px solid #f00; }',
})
.then((res) => {
console.log(res);
})
.catch((error) => {
console.log(error);
});

示例:插入 CSS 文件

注:文件路径相对于扩展根目录

1
2
3
4
5
6
7
8
9
10
browser.tabs
.insertCSS({
file: 'test.css',
})
.then((res) => {
console.log(res);
})
.catch((error) => {
console.log(error);
});

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/02/15/browser-tabs-insertCSS/


本文对你有帮助?请支持我


支付宝
微信