首页 / JAVASCRIPT / javascript – Chrome扩展程序：在crx文件中打开html,标签上没有图标

javascript – Chrome扩展程序：在crx文件中打开html,标签上没有图标

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Chrome扩展程序：在crx文件中打开html,标签上没有图标，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1426字，纯文字阅读大概需要3分钟。

内容图文

您好我正在开发一个简单的chrome扩展,它通过在扩展名的.crx目录中打开index.html来替换当前的默认新标签页.

目前,新的标签页已经使用新的index.html页面进行了修改,但是标签上没有图标.

我可以问为什么？非常感谢！

当前打开新标签页但标签上没有图标的问题

Current Problem

扩展目录如下所示：

directory

manifest.json的代码如下

{
    "manifest_version": 2,  
    "name": "千山",  
    "version": "0.1.0",  
    "description": "测试", 
    "icons": {"16": "icon200.png", "48": "icon200.png", "128": "icon200.png"},
    "browser_action": {  
        "default_icon": "icon.png" ,
        "default_title": "测试",
        "default_popup": "popup.html"
    },
    "chrome_url_overrides": {
        "newtab": "index.html"
    }
}

index.html的负责人如下,我实际写了,但它没有显示出来

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>千山</title>
    <!-- Bootstrap -->
    <link href="bootstrap.min.css" rel="stylesheet">
    <link rel="icon" href="fav.ico" type="image/x-icon">

解决方法:

您需要将相对路径“fav.ico”替换为文件的完整扩展路径.在JavaScript中,您可以通过调用chrome.runtime.getURL(“fav.ico”)来获取完整路径.

如果您知道完整路径并采取预防措施以确保扩展的ID不会随着时间的推移而改变(通过始终使用相同的key.pem文件发布),那么硬编码路径将起作用并且不需要任何JavaScript .

您可能还需要将“fav.ico”添加到manifest.json的web_accessible_resources部分：

{
    "web_accessible_resources": [
        "fav.ico",
        "bootstrap.min.css"
    ]
}

内容总结

以上是互联网集市为您收集整理的javascript – Chrome扩展程序：在crx文件中打开html,标签上没有图标全部内容，希望文章能够帮你解决javascript – Chrome扩展程序：在crx文件中打开html,标签上没有图标所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/771329.html

来源：【匿名】