解决chrome开发插件newtab页面使用js报错

chrome console报错如下:

home.html:33 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Either the 'unsafe-inline' keyword, a hash ('sha256-bhHHL3z2vDgxUt0W3dWQOrprscmda2Y5pLsLg4GF+pI='), or a nonce ('nonce-...') is required to enable inline execution.

解决方式如下:

1.js不可直接写到html里,要用引入方式

<script src="home.js"> </script>

2.html dom里不能用onclick注册事件,要用id。

<button id="show_passwd">show passwd</button>

3.在外部js里,注册事件

function show_passwd(){
    document.getElementById("passwd").style.display= 'block'
}
let btnOutPut = document.getElementById("show_passwd");
btnOutPut.onclick = show_passwd;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个快速和轻量级的新选项卡 chrome的一种非常快速,轻便的(<5 KB)New Tab扩展名,它在新选项卡上显示所有书签。 功能-简约有许多扩展名可以为您提供精美的图片,而其他却没有。 此扩展遵循一种仅显示书签的简约方法。 如果您是一个喜欢简约方法的人,那么此扩展专为您而设计。 -文件夹结构存储在文件夹中的书签显示在窗格内,该文件夹的名称为面板的标题。 有关更多详细信息,请参阅屏幕截图。 -非常小该扩展程序的大小仅为3.92 KB(与其他扩展程序相比,其大小至少大2倍。您可以通过比较网上商店右下角的扩展程序大小来验证这一点)此新标签页扩展程序的加载时间仅为90-100毫秒,比默认新标签页页面的加载速度快9到10倍(默认新标签页页面加载大约需要一秒钟的时间。可以使用chrome开发工具进行验证。)-完美契合新的标签页会自行调整并重新对齐,以完全适合您的Chrome窗口。 不管您的Chrome窗口有多大或多小,您都不必水平滚动。 曾经。 -开源您可以在github上做贡献并使此扩展更好。 链接-https://github.com/ramkumar-kr/new-tab-lite解释所需的权限此扩展需要两个权限。 1.“阅读和更改书签”-需要此权限才能阅读书签并将其显示在新的标签页上。 由于chrome没有用于读取书签的API,因此还需要更改权限。2.“读取您访问的网站的图标”-需要此权限才能显示书签的图标。 有关更多信息,请在google上找到chrome:// favicon /。请在支持标签上提出建议,问题,想法和反馈。 -简单干净的界面-非常小的尺寸占用空间-非常适合所有屏幕尺寸-疯狂的快速加载时间-用户数据保密-开源-链接到github-https://github.com/ramkumar-kr/new-tab -lite ==========================版本0.0.4-卸载后添加了反馈表很抱歉在这里有点烦人,但我觉得卸载的原因可能是由于一些UX问题需要修复。 ===========================版本0.0.3-在您的书签中添加收藏夹图标据说一张图片值得一千个单词。 尽管与网站图标的可访问性和实用性相比,添加网站图标可以使加载速度降低40-50毫秒,但我还是决定添加网站图标并发布此版本 支持语言:English
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值