首页 / JAVASCRIPT / javascript – Chrome扩展程序：以编程方式设置浏览器操作图标会使图标像素化

javascript – Chrome扩展程序：以编程方式设置浏览器操作图标会使图标像素化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Chrome扩展程序：以编程方式设置浏览器操作图标会使图标像素化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含710字，纯文字阅读大概需要2分钟。

内容图文

我尝试使用以下代码更改background.js中的浏览器操作图标

chrome.browserAction.setIcon({path: "img/logo-off.png", tabId:tab.id});

然而,这导致图标像素化非常糟糕(flappy bird style).

有没有人有同样的问题？我应该如何解决它.

解决方法:

我终于在高DPI Windows屏幕上获得了Chrome 38,它显示了相同的行为.

对于高DPI屏幕,您需要提供更高分辨率的图标,并更新图标providing alternatives：

chrome.browserAction.setIcon({
  path: {
    19: "img/logo-off.png",
    38: "img/logo-off-hidpi.png"
  },
  tabId: tab.id
});

Chrome会根据屏幕DPI选择合适的图像.它目前仅支持19×19和38×38比例.

编辑(2016年6月)：

Chrome似乎正在向其工具栏的Material Design和changes browser icon requirements to 16×16(HiDPI为32×32)转移.建议为这些开关做好准备(already happened in Linux,有意或无意).

内容总结

以上是互联网集市为您收集整理的javascript – Chrome扩展程序：以编程方式设置浏览器操作图标会使图标像素化全部内容，希望文章能够帮你解决javascript – Chrome扩展程序：以编程方式设置浏览器操作图标会使图标像素化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】