本篇文章将讲解如何制作GoogleChrome插件
通过浏览器插件的方式来改造网页的无障碍问题,使视障用户能更加轻松的上网。
在以前写过一篇使用JS代码动态无障碍适配网页内容的文章,主要是通过在浏览器地址栏输入js代码,从而改变网页元素的属性,使其达到无障碍效果。
然而,这种方式在实际使用中并不是很方便,每次刷新页面都要手动执行一次js代码,显得非常麻烦。
那么有没有一种方式,能够自动加载脚本代码,使页面元素自动添加无障碍属性的呢?
近日,在学习Chrome插件的过程中,就想到了可以通过编写Chrome插件的方式,自动执行无障碍脚本,使页面元素能自动添加无障碍属性,使视障人士更好的浏览网页。
下面就以一个简单的Chrome插件为例,带领大家了解如何编写无障碍插件,改变页面元素属性,从而让网页元素达到无障碍的效果。
·首先我们新建一个文件夹,命名为“demo”
·然后在demo文件夹内新建三个文件,分别是:
manifest.jsonbackground.htmlAccessibility.js
一、manifest.json
此文件为清单文件,每个GoogleChrome插件都应包含该文件清单内容如下:
{background:{page:background.html//后台加载的HTML文件},content_scripts:[{js:[accessibility.js],//需要执行的js文件matches:[