Fatal编程技术网
  • javascript/
  • Javascript Chrome扩展名：在crx文件中打开html，选项卡上没有图标

Javascript Chrome扩展名：在crx文件中打开html，选项卡上没有图标

javascript html css google-chrome google-chrome-extension

Javascript Chrome扩展名：在crx文件中打开html，选项卡上没有图标,javascript,html,css,google-chrome,google-chrome-extension,Javascript,Html,Css,Google Chrome,Google Chrome Extension,您好，我正在开发一个简单的chrome扩展，它通过在扩展的.crx目录中打开index.html来替换当前默认的新选项卡页面 当前，新选项卡页面已使用new index.html页面进行了修改，但是选项卡上没有图标 我可以问一下为什么吗？非常感谢 当前问题是新选项卡页面打开时选项卡上没有图标 扩展目录如下所示： manifest.json的代码如下所示 { "manifest_version": 2, "name": "千山", "version": "0.1

您好，我正在开发一个简单的chrome扩展，它通过在扩展的.crx目录中打开index.html来替换当前默认的新选项卡页面

当前，新选项卡页面已使用new index.html页面进行了修改，但是选项卡上没有图标

我可以问一下为什么吗？非常感谢

当前问题是新选项卡页面打开时选项卡上没有图标

扩展目录如下所示：

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\u可访问资源中：


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


请注意，这不是一个“默认”图标-根本没有图标。与默认的Chrome新选项卡页面相同

我怀疑这是故意的，是为了将新的标签页与其他标签页区分开来

因此，虽然没有文档记录，但我认为没有办法显示图标