Question

喂

我正在研究用于阅读障碍的Chrome扩展程序，以使用用于阅读障碍的字体覆盖字体。因为我希望父母和他们的孩子一起使用它，所以我不能仅仅假设所有扩展名的读者都阅读困难。我主要假设是这样做的是父母和他们的孩子。

现在，我知道此扩展程序可能已经存在，但是我同时想向人们展示Chrome扩展程序的制作方法。

我唯一遇到的问题是：我还没有第一个线索了解如何实现开/关开关。基本上，我希望默认情况下加载CSS，但可以将其禁用。

那么...请帮忙吗？

欢呼 Z

为清晰起见：基本上，我已经设置了所有功能，除了开/关开关。我也为上述开关设置了HTML。我只是不知道如何使它工作。扩展名有效，HTML有效。该按钮不起作用。

基本上，我的按钮如下所示：

<html>

<head>
    <link rel="stylesheet" type="text/css" href="/styles.css">
</head>

<body>
    <label class="switch">
        <input type="checkbox" checked>
        <span class="slider round"></span>
    </label>
</body>

</html>

这是styles.css：

    @font-face {
    font-family: 'mobiledyslexic-opendyslexic-regular';
    src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAF0oABMAAAAAm...') format('woff');
}


/*
* Force OpenDyslexic font to every element except some well known glyphs.
*
*   .el == Elusive Icons
*   .fa == Font Awesome
*/

:not(.el):not(.fa):not([class*="Icon"]):not([class*="icon"]) {
    font-family: mobiledyslexic-opendyslexic-regular, sans-serif !important;

还有manifest.json

{
  "manifest_version": 2,

  "name": "Dyslexic Accessibility",
  "version": "0.11",
  "description": "Being dyslexic can hinder you from reading content on a website. This might help.",

   "content_scripts": [{
    "css": ["styles.css"],
    "matches": ["https://*", "http://*"]
    }],    

  "browser_action": {
     "default_title": "Dyslexic Accessibility",      // optional; shown in tooltip
      "default_popup": "html/popup.html"        // optional
    }


}

CSS无效，因为字符超出了最大消息长度。但是我正在使用URI提供字体。

所以基本上，我需要做一些事情来在滑动开关时启用和禁用CSS。

Chrome阅读器扩展程序：打开或关闭已插入的CSS

0 个答案: