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

目前,新的标签页已经使用新的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的负责人如下,我实际写了,但它没有显示出来

千山

解决方法:

您需要将相对路径“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,css,google-chrome,google-chrome-extension,html

来源: https://codeday.me/bug/20190708/1401156.html

crx文件里面的html文件,javascript – Chrome扩展程序:在crx文件中打开html,标签上没有图标...相关推荐

  1. html 执行外部js的函数,javascript – Chrome扩展程序:加载并执行外部脚本

    我无法在我的chrome扩展程序中加载和执行外部js-script.看起来和 this question一样,但我仍然无法弄清楚为什么它在我的情况下不起作用. 我的想法是,我希望在我的内容脚本中有一些 ...

  2. Chrome扩展程序添加CRX插件显示“程序包无效”

    1. 把下载后的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar 2. 右键点击该文件,并使用压缩软件对该压缩文件进行解压,并保存到任意一个文件夹下 3.解压.解压成功以后,该 ...

  3. 怎么从Chrome浏览器中导出扩展程序为crx文件?

    在chrome浏览器中安装好一些我们需要的chrome扩展程序后,有一天如果浏览器需求卸载后重新安装,但是我们这些插件又不好备份,当然用户可以始终在我们chrome插件网( http://www.cn ...

  4. chrome扩展crx构建_如何构建您的第一个Chrome扩展程序

    chrome扩展crx构建 "Sit up straight!" my mom used to yell at me when I am fixated on my laptop ...

  5. chrome扩展程序_如何创建Chrome扩展程序

    chrome扩展程序 by Erika Tan 谭咏麟 如何创建Chrome扩展程序 (How to create a Chrome Extension) In this article, I wil ...

  6. m3u8文件里面的key加密了,可以合并吗?

    m3u8文件里面的key加密了,可以合并吗? 如下图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190920191908689.png?x-oss-pro ...

  7. 手把手教你做一个自己的chrome扩展程序

    手把手教你做一个自己的chrome扩展程序 [目录] first.效果 1.收藏夹修改 (1).鼠标移动到收藏夹上的动作效果 (2).收藏夹框 (3)百度搜索框功能 2.右上文字修改 3.背景图片修改 ...

  8. 分析chrome扩展程序-Holmes

    前阵子在微博看到关于chrome书签搜索的扩展程序Holmes,于是使用了一下,确实还不错,尤其书签多很多的情况下,有个搜索功能 ,比定时做书签分类等等方便得多很多.看着扩展程序功能简单,感觉实现应该 ...

  9. Day 29:编写你的第一个 Google Chrome 扩展程序

    今天的<30天学习30种新技术>,我决定去学习如何写一个 Chrome 扩展程序.在做了一些搜索之后,我发现一个 Yeoman 生成器可以用来写 Chrome 扩展程序.我们在这篇要写的扩 ...

最新文章

  1. JSP中response,session,cookie,application的作用及区别
  2. boost::intrusive::sg_set用法的测试程序
  3. oracle级联删除表空间,Oracle表的创建.表空间创建删除,导入导出等
  4. _VARIANT_T 到 CSTRING 转换
  5. java职业教育考试题_Java认证考试中Java构造方法题目解答
  6. (十九)【AAAI2021】Knowledge-Enhanced Hierarchical Graph Transformer Network for Multi-Behavior Recommend
  7. qt creator源码全方面分析(3-1)
  8. ZOJ 3962 Seven Segment Display(数位DP)题解
  9. Hadoop高可用集群搭建-1、服务器等基础环境配置
  10. 直播不是造车,特斯拉开店玩直播却栽了个“跟头”
  11. 图文详解贷中监控报表与资产质量分析全过程
  12. 创业宝典:未来企业家之路(第5版)
  13. 检测代码运行时间(微秒级)
  14. #879273#基于django/neo4j的通讯录与QQ好友关系管理系统
  15. PDCN/Padavan/老毛子路由器固件复位/无线桥接教程
  16. C++中函数的重载,重写,重定义
  17. 14x1.5cm竖向标签有点难,VFP调用BarTender来打印
  18. java 浮雕效果,制作逼真缝线牛皮文字效果的PS教程
  19. 龙王我当定了(一个在QQ刷龙王的脚本)
  20. 服务器巡检都做什么工作,巡检的手段是什么?

热门文章

  1. Vue首页加载过慢 解决方案
  2. 使用Idea部署SSM项目后,访问路径为url:8080/项目名_war_exploded的解决方案
  3. 解决在Linux下安装Oracle时的中文乱码问题
  4. IDEA编译时出现“cannot resolve symbol“的问题时的解决方法。
  5. 如何在Android中使用Intent拨打电话?
  6. IntelliJ检查给出“无法解析符号”但仍编译代码
  7. 使用getApplication()作为上下文的对话框抛出“无法添加窗口-令牌null不适用于应用程序”
  8. oracle安装错误10301,Oracle数据库案例整理-Oracle系统运行时故障-表空间所在的目录没有可用空间导致收集统计信息失败...
  9. 曼秀雷敦搜索引擎营销方案_搜索引擎营销——被严重低估的互联网营销途径
  10. 全向轮机器人特性分析