如何使用JavaScript禁用webkit文本大小调整
我正在尝试构建一个Chrome扩展,它将自动禁用LinkedIn上的webkit文本大小调整CSS规则。这样我可以在缩放页面时缩放文本 在“元素样式”窗口中使用Chrome的开发工具,我可以将webkit文本大小从“无”更改为“0”,这样可以在缩放时更改文本大小 但是,我不知道如何使用JavaScript禁用此规则。我已经编写了一个Chrome扩展,在我访问linkedin.com/*时执行一个函数,但我需要编写一个函数来删除/修改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
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);