最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
如何在米侠浏览器中用脚本自动展开网页中被折叠的内容?
时间:2026-07-21 12:06:53 编辑:袖梨 来源:一聚教程网
米侠浏览器支持用户脚本自动展开网页折叠内容,需先分析折叠机制(class、onclick或JS控制),再编写适配脚本:通用点击式需修正选择器避免使用:contains,纯JS控制则调用对应函数或触发scroll事件。
网页中常有“展开更多”“点击加载全部”等折叠区域,手动点击费时且无法批量处理,米侠浏览器支持用户脚本(UserScript),可通过注入 JavaScript 自动触发展开逻辑。
确认页面折叠机制类型
先打开目标网页,右键→检查→切换到 Elements 面板,找到折叠按钮或容器元素。观察其 class、data-* 属性或 onclick 事件绑定方式。常见模式有:【class 含 “collapse” “fold” “more-btn”】、内联 onclick 调用函数(如 onclick="toggleContent()")、或监听 click 事件的 script 标签。这一步跳过会导致后续脚本完全无效。
若按钮是纯 CSS 控制显隐(如 max-height:0 → max-height:500px),脚本需直接修改样式;若是 JS 控制 DOM 显示/隐藏,则必须模拟点击或调用对应函数。
编写并安装基础展开脚本
方法一:通用点击式(适用于带明确按钮元素的页面)
在米侠浏览器地址栏输入 about:userscripts → 点击右上角「+ 新建脚本」→ 粘贴以下代码:
// ==UserScript==
// @name 自动展开折叠内容
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 点击所有含“展开”“更多”“显示全部”的按钮
// @author You
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const selectors = [
'[class*="expand"]', '[class*="more"]', '[class*="show"]',
'button:contains("展开")', 'button:contains("更多")',
'span:contains("显示全部")', 'a:contains("点击查看")'
];
selectors.forEach(sel => {
document.querySelectorAll(sel).forEach(el => el.click());
});
)();
注意:米侠内置的脚本管理器不支持 jQuery 的 :contains 伪类,上述代码中的 :contains 实际不可用——【必须改用 textContent.includes() 或 innerText 匹配】,否则脚本静默失败。
适配无按钮、纯 JS 控制的折叠区
第一步:在开发者工具 Console 中执行 console.dir(document.querySelector('.folded-content')),确认折叠容器是否有 data-state="collapsed" 或 style.display === "none"。
第二步:查找页面是否定义了全局展开函数,例如搜索 window.toggleAll || toggleSection || showMore,可在 Console 输入 typeof toggleAll 查看返回值是否为 "function"。
第三步:若确认存在函数名(如 showFullContent()),在脚本中添加调用语句:if (typeof showFullContent === 'function') showFullContent();。这比盲目点击更可靠,尤其对防爬页面有效。
第四步:若折叠由 IntersectionObserver 或滚动懒加载触发,需主动触发 scroll 事件:window.dispatchEvent(new Event('scroll'));,再延时 300ms 执行点击或函数调用。
启用脚本并测试效果
保存脚本后,刷新目标网页。若内容未展开,打开开发者工具→Console 标签页,查看是否有报错(如 ReferenceError: toggleAll is not defined)。没有报错但无效,说明选择器未匹配到元素——回到第一步重新 inspect 按钮的真实 class 或 text。
脚本启用状态可在米侠地址栏右侧的「油猴图标」中查看,灰色图标表示未运行,绿色图标表示已生效。
相关文章
- 检疫区最后一站结膜炎与红眼区别一览 07-21
- 超大杯研究员的异常求汁欲第二章流程及单词出处 07-21
- 斗罗大陆诛邪传说什么时候上线 07-21
- 原神八重神子选精通沙还是攻击沙好 07-21
- 我不是盐神网站入口在哪 07-21
- 冒险者旅馆2全流程通关攻略是什么 07-21