自动调整 Google Chrome 中特定网站/域名的图片大小

自动调整 Google Chrome 中特定网站/域名的图片大小

有些网站的图片非常大,阅读起来很烦人。在开发者面板中将宽度调整为“自动”很有效,而且让我更容易阅读。我如何才能自动完成这个过程?我不关心其他不相关的图像或图标是否调整了大小。

原来的:

<img src="https://www.kayege.net/files/article/attachment/77/77453/19866320/828942.gif" border="0" width="100%" class="imagecontent">

更改为:

<img src="https://www.kayege.net/files/article/attachment/77/77453/19866320/828942.gif" border="0" width="auto" class="imagecontent">

示例页面:https://m.kayege.net/77_77453/19866320.html

Google Chrome 79.0.3945.88
macOS High Sierra 10.13.6

答案1

您可以使用用户样式。如果您熟悉用户脚本(或 Greasemonkey),那么这是一个类似的概念。基本上,它允许您将自定义样式表注入特定网站。

你需要一个浏览器插件,例如 Stylus (火狐铬合金)。

您需要对 CSS 和开发工具有基本的熟悉,您似乎已经了解它们了。

这是一个适用于您所使用的示例的样式表:

.imagecontent {
    width: auto !important;
}

!important有时可以跳过,但如果样式被内联样式或更具体的选择器覆盖,则有必要这样做)

相关内容