如何使用JavaScript禁用webkit-text-size-adjust

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用JavaScript禁用webkit-text-size-adjust，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1166字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试构建一个Chrome扩展程序,它将自动禁用LinkedIn上的webkit-text-size-adjust CSS规则.这样我可以在放大页面时缩放文本.

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

但是,我无法弄清楚如何使用JavaScript禁用此规则.当我访问linkedin.com/*时,我编写了一个执行功能的Chrome扩展程序,但我需要编写一个函数来删除/修改webkit-text-size-adjust规则.

我尝试了一些东西,但它们不起作用.

document.getElementsByTagName('html')[0].style.webkitTextSizeAdjust="0"

我还尝试递归遍历document.body中的每个childNode并使用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);

那么我怎么能用javascript删除这个规则呢？我不是CSS或JavaScript的专家,所以我想我错过了一些简单的东西……

解决方法:

注入以下CSS,这应该强制浏览器使用该样式：

*{-webkit-text-size-adjust:0 !important}

！important标志使声明采用最高可用优先级.通过清单文件将自定义样式添加到页面：

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

内容总结

以上是互联网集市为您收集整理的如何使用JavaScript禁用webkit-text-size-adjust全部内容，希望文章能够帮你解决如何使用JavaScript禁用webkit-text-size-adjust所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端