主页 / coding / 问题 / 79250641
Accepted
Arkios Shepard
Asked: 2024-12-04 17:57:01 +0800 CST

如何使用 Tampermonkey 更改“max-h-80 overflow-y-hidden”内的“max-height”？

  • 772

显然，我第一次尝试使用 Tampermonkey 时遇到了一些困难。bato.to 评论部分在 PC 上仅加载前 280 像素左右的图像，我希望将其增加一倍左右，以更接近大多数用户的移动视图。在找到正确的变量后，我一直在努力使更改永久生效；Tampermonkey 似乎是最简单的解决方案，但我对“新”F12 布局和网站编码还不够熟悉，无法使我找到的任何用户脚本适用于此。

在网站上按 F12 键查看 基本上，我想要做的就是在

<div class="max-h-80 overflow-y-hidden">

改变

.max-h-80 {
    max-height: 20rem;

遗憾的是，我尚未找到有关如何实现此功能的任何帮助。max -height不被接受为一个有效变量，而我发现使用 maxHeight 的解决方案实际上无法改变网站上的值。

google-chrome

1 个回答

  1. Best Answer

    您想要更改的是页面的样式，即CSS。使用 Tampermonkey 有很多方法可以做到这一点，最简单的方法是GM_addStyle。

    重要的部分是匹配正确的窗口，在这种情况下，评论位于它们自己的iframe中，其 URL 如下：https://bato.to/embeds/comments?comicId=XXXXX&chapterId=XXXXXXX。

    要匹配所有该格式的 URL，您可以使用：https://bato.to/embeds/comments*

    // ==UserScript==
// @name         expand bato.to comments
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  .
// @author       You
// @match        https://mangatoto.com/embeds/comments*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bato.to
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle('.max-h-80:not(.max-h-unset) { max-height: unset;}');

    GM_addStyle使用 css插入一个新的Style 元素.max-h-80:not(.max-h-unset) { max-height: unset;}，此选择器max-h-80将匹配所有具有类但没有的 元素，并将其最大高度max-h-unset设置为未设置。

    要设置特定的，max-height只需更改unset为任何有效值，例如：max-height: 100rem;

    • 0

相关问题