如何使用JavaScript禁用webkit文本大小调整

如何使用JavaScript禁用webkit文本大小调整,javascript,css,google-chrome-extension,Javascript,Css,Google Chrome Extension,我正在尝试构建一个Chrome扩展,它将自动禁用LinkedIn上的webkit文本大小调整CSS规则。这样我可以在缩放页面时缩放文本 在“元素样式”窗口中使用Chrome的开发工具,我可以将webkit文本大小从“无”更改为“0”,这样可以在缩放时更改文本大小 但是,我不知道如何使用JavaScript禁用此规则。我已经编写了一个Chrome扩展,在我访问linkedin.com/*时执行一个函数,但我需要编写一个函数来删除/修改webkit文本大小调整规则 我试过一些方法,但都不管用 doc

我正在尝试构建一个Chrome扩展,它将自动禁用LinkedIn上的webkit文本大小调整CSS规则。这样我可以在缩放页面时缩放文本

在“元素样式”窗口中使用Chrome的开发工具,我可以将webkit文本大小从“无”更改为“0”,这样可以在缩放时更改文本大小

但是,我不知道如何使用JavaScript禁用此规则。我已经编写了一个Chrome扩展,在我访问linkedin.com/*时执行一个函数,但我需要编写一个函数来删除/修改webkit文本大小调整规则

我试过一些方法,但都不管用

document.getElementsByTagName('html')[0].style.webkitTextSizeAdjust="0"
我还尝试递归地遍历document.body中的每个子节点,并使用removeProperty将其关闭,但这对我也不起作用

function remtextadj(node){
  node.style.removeProperty('-webkit-text-size-adjust');
  for(var i=0;i<node.childNodes.length;i++){
     var nod=node.childNodes[i];
     remtextadj(nod);
     }
  }

  remtextadj(document.body);
函数remtextaj(节点){
node.style.removeProperty('-webkit text size adjust');

对于(var i=0;i注入以下CSS,这将强制浏览器使用样式:

*{-webkit-text-size-adjust:0 !important}
!important
标志使声明具有最高的可用优先级。通过
清单
文件将自定义样式添加到页面:

 ...
 "content_scripts": [{
    "matches": ["http://sitehere/*"],
    "css": ["customstyle.css"]
 }],
 ...

我的eye网站很差,并且我的页面一直保持200%的默认缩放。使用-webkit文本大小调整:无,我无法阅读任何内容,我唯一的选择是使用Firefox。这是我现在浏览网页时的首要问题。请修复此问题并与我共享链接。因为我没有看到任何人真正打包了此内容,所以我这么做了.完全从这里的评论中盗用,除非使用“自动”对于价值:非常感谢创建扩展,非常有用!不小心使用-webkit text size adjust:none可能是许多网站都没有使用的原因,Chrome的市场份额已经开始下降。@FauxFaux我刚开始对网站这样做感到愤怒,我已经在一些网站上手动更改字体大小,并决定我已经受够了,将找到导致它的原因并编写一个扩展,感谢您为我节省了一些精力:)它似乎是
element.style.webkitTextSizeAdjust
不是Javascript属性;您不得不使用
element.style[“-webkit text size adjust”]
。很抱歉这么晚才发表评论。我想禁用所有网站的字体调整功能。我该怎么做?@Theodore在匹配字段中使用
*://*/*/*
加上
重要标志
var myStyle = document.createElement('style');
myStyle.innerHTML = 'body * {-webkit-text-size-adjust:none !important;}';
document.head.appendChild(myStyle);