微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Chrome扩展 – 用于在任何页面上运行js的简单内容脚本

Chrome扩展程序 – 内容脚本 – 我如何编写一个简单的内容脚本,将在每个页面上执行一个类似 javascript的警报(“hello”)加载..我的意思是当我去一些页面,如google.com的消息应该出现..或者如果我重新加载任何页面,消息应该显示为Im newvbiew.请帮忙

我到目前为止有这个json文件

{
"name": "Highlight some phrases","description": "Hightlight some pre defined text from websql database after page loads","version": "0.1","permissions": [
    "tabs","<all_urls>"
    ],"browser_action": {
    "default_icon": "icon.png","default_popup": "popup.html"
    },"content_scripts": [
    {
    "matches": [
        "http://*/*","https://*/*"
        ],"js": ["content.js"]
    }
],"background": {
    "page": "background.html" 
    },"manifest_version": 2
}

解决方法

如果您需要的是在每个加载的页面上提醒你,下面是一个简单的演示:

manifest.json的:

{
    "name": "Highlight some phrases","browser_action": {
        "default_icon": "icon.png"
    },"content_scripts": [
        {
        "matches": [
            "http://*/*","https://*/*"
            ],"js": ["content.js"],"run_at": "document_end"         // pay attention to this line
        }
    ],"manifest_version":2
}

这里是content.js中的内容

// alert("hello");
document.body.style.background = 'yellow';

是的,够了当然不要忘了在这两个文件的同一个目录下添加一个名为icon.png的图标.然后在Chrome中测试.

原文地址:https://www.jb51.cc/js/152507.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐