首页 > 软件开发 > JavaScript >

如何查询前端代码兼容性

来源:互联网 2023-03-16 23:56:59 版权归原作者所有,如有侵权,请联系我们

浏览器有20多年的历史,发展到现在,已经有很多种类很多版本,不同的代码在不同的浏览器上的可用性、展示效果可能都不同。下面介绍如何快速知道你的代码在不同浏览器上的兼容情况。LlF办公区 - 实用经验教程分享!

方法/步骤

  • 1

    这里需要用到一个很方便的网站,它统计了每个前端代码在不同浏览器是否支持,或者是否部分支持LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 2

    进入它的主页LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 3

    选择配置中国地区,这样它显示的浏览器占有率是中国的LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 4

    输入一个搜索词,template,这是js的es6新增的模板字符串语法,写多行字符串很方便。通过这张图得到的信息是现在大部分浏览器支持具体数字是80%的浏览器支持。LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 5

    如果你需要得到比较老的浏览器支持信息点击这个show all按钮LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 6

    可以显示出很多古老的浏览器的支持情况。LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 7

    鼠标悬浮在格子上面,可以显示出这款浏览器的具体占有率。比如ie11占3%,还是需要考虑一下的。LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 8

    还可以进行各种高级设置,请读者自行研究吧LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

    如何查询前端代码兼容性LlF办公区 - 实用经验教程分享!

  • 8该信息未经授权抓取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LlF办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号