简介
whoarewe 是一款基于 Node.js 和 HTML5 的 npm 包,可以帮助你检测当前浏览器所支持的 HTML5 标签及其对应的属性。它可以帮助开发者快速了解自己所编写的代码在不同浏览器中的兼容性,从而提高代码质量和用户体验。
安装
你可以使用 npm 安装 whoarewe:
npm install whoarewe
然后在你的项目中导入它:
const whoarewe = require('whoarewe');
使用教程
检测支持的标签
whoarewe.checkTags();
这个方法返回一个数组,其中包含当前浏览器支持的所有 HTML5 标签,如下:
-- -------------------- ---- ------- - ---------- -------- -------- --------- ----------- ---------- ------------- --------- -- --- -
检测支持的属性
whoarewe.checkAttributes('canvas');
这个方法返回一个数组,其中包含当前浏览器支持的所有 canvas
标签支持的属性,如下:
[ "width", "height" ]
检测支持的事件
whoarewe.checkEvents('canvas');
这个方法返回一个数组,其中包含当前浏览器支持的所有 canvas
标签支持的事件,如下:
[ "click", "mousedown", "mousemove", "mouseup" ]
示例代码
下面是一个简单的示例代码,它会检测当前浏览器所支持的全部标签、属性和事件,并将它们输出到控制台上:
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ---- - --------------------- ---------------- -- - ----------------- --------- ----- ----- - ------------------------------ ------------- ----------- --------------- ------ ----- ------ - -------------------------- ------------- ------- ---------------- ------ ---
当你运行这段代码时,它会输出如下信息:
-- -------------------- ---- ------- ---- ------- ----------- ------- ---- ----- ----------- ------- ---- ----- ----------- ---------- --------- --------- ------------ ------------ ------------- -------------------- --------- ------ ----- ------ ------------- ------- ------------- ------- -------- --------- -------- ---- ------- ------- ------- -------- --------------- --------------- -------- ------ ------ ----------- --------------- ---------- ------ ----- -------- --------- ----------- ------- -------- -------- -------- ----------- ------------- -------- ---- ------ ----------- ------- ------- ------- ------- ---------- ---------- -------- ---- -------- ----------- ------- ---- ------- ----------- ------- ---- ---------- ----------- ------- ---- ------ ----------- ------- -- ---
思考与总结
whoarewe 是一款非常好用的检测 HTML5 兼容性的 npm 包,它可以帮助我们更加深入地了解自己所编写的代码在不同浏览器中的兼容性,从而更好地提升用户体验。同时,这个包的源代码也是非常值得我们学习和借鉴的,它使用了许多 Node.js 和 JavaScript 的高级特性,对我们的编码能力也是一次很好的锻炼机会。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffdf74