首页 - 网站建设 - 前端使用小插件推荐

前端使用小插件推荐 返回列表

亮亮2018-09-21编辑发布,已经有401个小可爱看过这篇文章啦

Chrome大法好!!!


做为一个WEB前端工程师,不管是网站建设微信开发H5游戏开发还是小程序开发的项目,不少时间都在处理浏览器兼容性问题。在使用某个特性前,我们可以使用 Can I Use 来查询某特性在各个浏览器上的兼容性情况。也可以在代码中用 Modernizr 进行特性探测。本文安利两个比较有用的手段。


一、Modernizr.js

Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18CSS3 功能以及40多项关于HTML5 的功能。 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠。 一整套测试的执行时间仅需几微秒。 此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化。


二、PC端浏览器兼容性测试工具Browser Sandbox

你的电脑上有IE9/10/11/ChromeFireFoxSafariOpera吗?你还在为找不到对应版本的浏览器来测试或者调试代码而苦恼吗?


Browser Sandbox  你值得拥有!

它是个Chrome插件

基于虚拟机技术,通过在浏览器下安装插件的方式来运行不同浏览器模块,可同时运行IEChromeFireFoxSafariOpera的多个版本


使用方法:

进入官网,点击任何一个RUN按钮,进行账号注册,登录以后就可以下载安装,安装之后,alt+window打开;想用什么浏览器就点run,选择下载到桌面;下载完成后点击就可以运行对应的浏览器。

使用中亦可进入个人设置主页查看已下载的浏览器版本类型,进入多浏览器选择选择需要测试的浏览器类型和版本。


推荐理由:

解决以下困境:原本一台计算机的本地安装支持的浏览器种类有限而且通常只能安装一个版本的产品,有局限性;如果用一台专门的服务器,通过配置本机没有的浏览器、远程来解决该局限性,在不测试时会造成资源闲置、浪费;如果通过vmware虚拟机配置多浏览器环境,测试时经常面临卡顿局面。

可以测试指定的多种浏览器,而不用实际安装它,只是装个插件就可以了,方便、快捷、不卡。


  • 前端工具
  • Chrome
  • Modernizr

相关新闻

来电咨询