javascript – 获取内容脚本以在页面加载时附加图像

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 获取内容脚本以在页面加载时附加图像，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1225字，纯文字阅读大概需要2分钟。

内容图文

我刚刚开始学习如何为Google Chrome进行扩展.到目前为止,我有一个非常基本的理解,所以我想尝试一些小的东西.

现在,我试图在每次加载页面时将图像附加到特定页面上的特定div.扩展加载正确,但javascript代码似乎永远不会运行,图像永远不会被加载.

这是我到目前为止的manifest.json文件：

{
    "manifest_version": 2,
    "name": "Icon Creator",
    "description": "Creates a custom icon for page",
    "version": "1.0",

    "content_scripts": [
    {
        "matches": ["file:///home/tijko/documents/learning/javascript/test_page.html"],
        "css": ["sample.css"],
        "js":["trial.js"]
    }
    ],
    "icons": {"icon": "icon.jpg"},
    "web_accessible_resources":["trial.js"]
}

和javascript：

var test = function() {
    custom_icon = document.createElement("img");
    target = document.getElementById("location");
    custom_icon.src = "icon.png";
    target.appendChild(custom_icon);
}
test()

解决方法:

您是否尝试加载自己的extension’s icon.png？现在,您正尝试在本地页面的域和路径上加载icon.png.相反,你应该这样做：

custom_icon.src = chrome.extension.getURL("icon.png");

引用你的扩展名的icon.png.

此外,您必须在web_accessible_resources中列出icon.png.此外,您不需要在web_accessible_resources中列出trial.js(very specialized use cases除外).

最后,您需要通过选中chrome：// extensions中扩展程序列表下方的相应框来批准您的扩展程序以访问file：//页面.

内容总结

以上是互联网集市为您收集整理的javascript – 获取内容脚本以在页面加载时附加图像全部内容，希望文章能够帮你解决javascript – 获取内容脚本以在页面加载时附加图像所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端