颜色链接::link:帮助有色盲的人查看访问的链接

时间:2024-02-20 23:39:27
【文件属性】:

文件名称:颜色链接::link:帮助有色盲的人查看访问的链接

文件大小:169KB

文件格式:ZIP

更新时间:2024-02-20 23:39:27

chrome-extension chrome accessibility color-blindness ChromeTypeScript

最初的问题 以色盲个体的身份浏览诸如google之类的网站上的网络,过了一会儿却不知道您是否已经访问过链接,这令人沮丧。 解 Color Links的目的是使色盲用户在网络上搜索变得更加容易。 启用后,您可以使用此chrome扩展程序浏览任何网站,完全了解您单击了哪些链接。 发展历程 首先,克隆项目并切换到根目录。 入门 nvm use yarn install yarn test 运行项目 开发模式 yarn start # Server running at http://localhost:1234 # visit http://localhost:1234/color-links.html # or yarn build 将扩展程序添加到chrome就像访问chrome://extensions一样简单,只需验证您是否处于developer mode ,然后点击Load unpacked extension... 。 完成此操作后,导航到项目的根目录,然后选择dist文件夹。 这将为您生成扩展名,并且您应该在工具栏中看到颜色链接徽标。 产品 yarn zip # build


【文件预览】:
color-links-master
----.nvmrc(7B)
----package.json(2KB)
----.github()
--------workflows()
----.prettierignore(51B)
----jest.config.js(395B)
----static()
--------links128.png(6KB)
--------links16alt.png(801B)
--------links.png(2KB)
--------manifest.json(585B)
--------links16.png(582B)
--------links48.png(2KB)
----src()
--------popup.tsx(169B)
--------content-scripts()
--------color-links.html(689B)
--------components()
--------styles()
--------helpers()
----.eslintrc.js(775B)
----tsconfig.json(402B)
----.gitignore(108B)
----.prettierrc.js(100B)
----README.md(3KB)
----yarn.lock(352KB)
----.eslintignore(100B)
----jest()
--------setup.js(36B)
----babel.config.js(213B)
----.vscode()
--------settings.json(51B)

网友评论