当前位置: 首页 > 知识库问答 >
问题:

javascript - iconify库兼容低版本谷歌浏览器?

宗政浩慨
2024-05-07

背景:
项目中引入了iconify图标库,低版本谷歌浏览器下图标不能正确显示

相关代码如下:

<template>  <ElIcon :class="prefixCls" :size="size" :color="color">    <span   :class="$attrs.class" :style="getIconifyStyle">      <span class="iconify" data-icon="bx:edit"></span>    </span>  </ElIcon></template>

data-icon值
bx:edit: 114、124版本谷歌浏览器下图标均正常显示
material-symbols:add: 114版本谷歌浏览器下图标没有显示,124版本谷歌浏览器下图标正常显示

尝试:
iconify官网查找相关库
https://icon-sets.iconify.design/?category=General

material-symbols:add图标在官网查到,怎么让这个图标兼容低版本谷歌浏览器?
bx:edit图标官网未查到。但是项目中可以正常使用?

共有1个答案

黄沈浪
2024-05-07

https://icon-sets.iconify.design/bx/edit/

本质就是svg,可以先看下渲染的内容是不是正常的。

 类似资料:
  • 大佬们 vue3兼容谷歌66版本吗 vue3兼容谷歌66版本吗

  • 在一个模块中使用了 node 的 Events 和 Path 模块,现在希望模块能够同时在 node 中和浏览器中使用,有什么类似的模块可以兼容这两个环境,最好 api 的实现上和 node 模块大致一样。

  • 背景: 项目: PC端 vue3+ vite 背景: 有的时候测试的时候需要测试不同版本的谷歌浏览器的兼容情况,但是在电脑上只有一个版本的谷歌浏览器,在想有什么办法能在自己电脑上测试不同版本谷歌浏览器的运行情况。

  • 问题内容: 其实我有点困惑。尽管我阅读了一些有关此的资源。 要使用 ChromeBrowser 测试 Selenium 3, 我们需要一个名为 ChromeDriver 的附加应用。 我从GitHub找到了这段文字: ChromeDriver仅与Chrome 12.0.712.0版或更高版本兼容。如果您需要测试旧版的Chrome,请使用Selenium RC和Selenium支持的WebDrive

  • 浏览器兼容 主流浏览器都兼容 HTML5 的新标签,对于 IE8 及以下版本不认识 HTML5的新元素,可以使用 JavaScript 创建一个没用的元素来解决,例如: <script> document.createElement("header"); </script> 也可以使用 shiv 来解决兼容性问题,详情可参考 HTML5 Shiv

  • 最后,我在Hibernate的发布说明中搜索了。0版本,也没有成功:似乎发布说明只描述了自上一个RC或beta发布以来的变化...我尝试跟踪4.3.0.final和4.2.0.final的所有RC和beta版本,但没有找到这样的提及。 我们目前使用的是Hibernate 4.2.12.final,我想知道我们是否可以开始使用java8,或者是否需要升级到Hibernate的新版本(大概是4.3.x