米侠浏览器如何通过脚本实现网页排版的自动重排？

米侠浏览器v5.5+的脚本重排功能，其实有个容易被忽略的细节：需要手动启用脚本注入。先进入「设置→高级设置→脚本注入」，把总开关打开，然后重启浏览器。接着，关闭「自动重排文本」和「阅读模式」这两个干扰项，再清除缓存，最后部署对应的脚本。这一步走完，还要验证一下执行效果。很多朋友卡在第一步，就是因为没注意到这个开关的优先级。

确认浏览器是否支持脚本重排功能

新版米侠浏览器（v5.5+）已经移除了原生的“自动重排文本”功能，转而让用户脚本接管排版逻辑。如果还在设置里看到那个开关，说明系统处于兼容模式——注意，【脚本重排会被系统级重排覆盖，根本无法生效】。所以，第一步必须是：进入「设置」→「高级设置」→「脚本注入」，开启总开关，然后重启浏览器。否则，后面写的所有脚本，浏览器都不会执行。

关闭系统级干扰项

这一步不做，脚本注入的CSS和DOM操作会被直接撕毁。阅读模式会剥离所有容器结构，自动重排会强制压平为单列流。两者共存时，脚本选中的div，很可能根本不存在于最终的渲染树中。

具体操作是：点击右下角菜单→「设置」→「网页浏览设置」，然后关闭【自动重排文本】和【阅读模式】两项。完成后，返回任意网页，长按地址栏左侧的锁形图标→「网站设置」→点击「清除数据」→勾选「缓存图像和文件」和「Cookie及其他网站数据」→确认清除。不清理缓存，旧的排版规则会残留，新脚本依然会被覆盖。

部署基础重排脚本

方法一：适配纯文字类网页（新闻、博客、文档页）

点击地址栏右侧的「脚本管理器」图标→「新建脚本」，然后粘贴以下代码：

// ==UserScript==
// @name 网页文字流式重排
// @namespace mihelper.relayout
// @version 1.0
// @description 移除浮动/绝对定位，统一行高与字距，适配小屏阅读
// @match *://*/*
// @grant none
// ==/UserScript==

if (document.body) {
document.body.style.cssText += 'margin: 0 auto; max-width: 720px; line-height: 1.7; letter-spacing: .02em;';
document.querySelectorAll('aside, na v, header, footer, iframe, .ad, .sidebar').forEach(el => el.remove());
document.querySelectorAll('*').forEach(el => {
if (getComputedStyle(el).float !== 'none') el.style.float = 'none';
if (getComputedStyle(el).position === 'absolute' || getComputedStyle(el).position === 'fixed') el.style.position = 'static';
});
}

方法二：适配图文混排网页（电商详情、公众号长文）

在同一页脚本编辑区，把上面的代码替换为以下逻辑：

const imgs = document.querySelectorAll('img:not([src*="data:"]):not(.emoji)');
imgs.forEach(img => {
img.style.cssText += 'max-width: 100%; height: auto; display: block; margin: 1rem auto;';
if (img.parentElement && ['p', 'div'].includes(img.parentElement.tagName.toLowerCase())) {
img.parentElement.style.textAlign = 'center';
}
});
document.body.style.fontSize = '18px';
document.querySelectorAll('h1,h2,h3').forEach(h => h.style.marginTop = '1.5rem');

启用并验证重排效果

第一步：保存脚本后，回到「脚本管理器」主界面，找到刚创建的脚本名称，点击右侧开关，确保状态为“已启用”。

第二步：打开目标网页，观察是否出现以下变化：段落左右留白均匀、图片居中且不溢出、标题间距增大、侧边栏广告消失。

第三步：如果页面没变化，按F12打开开发者工具→Console标签页→输入document.body.style.maxWidth→回车。如果返回空字符串，说明脚本没执行。这时候需要检查，是不是遗漏了脚本注入总开关，或者路径匹配失败。

第四步：如果只有部分元素生效，说明网页使用了Shadow DOM或动态渲染框架（如Vue/React）。这种情况下，需要在脚本头部添加@run-at document-idle，并配合MutationObserver监听节点插入。