需启用米侠浏览器的自定义css注入功能并创建utf-8无bom编码的userstyles.css文件,写入针对性css规则后重启生效,方可实现知乎、微信公众号、豆瓣等网页的阅读体验优化。

你想让知乎长文段落行距舒展、微信公众号文章标题加粗居中、豆瓣影评页去除浮动广告栏——这些网页原生排版无法满足的阅读需求,必须用自定义CSS直接干预DOM渲染规则,绕过网站自身样式限制。
启用自定义CSS注入功能
米侠浏览器默认禁用底层样式注入,不打开这个开关,后续所有CSS文件都不会加载。这一步不可跳过,且重启后才生效。
在地址栏输入 mi://flags 并回车 → 在顶部搜索框中输入 user stylesheet → 找到 Enable user stylesheet injection 选项 → 将其状态从 Disabled 改为 Enabled → 点击右下角 Relaunch 重启浏览器。
【重启是硬性要求,仅刷新标签页无效】
创建并编辑userstyles.css文件
该文件是全局CSS注入的唯一入口,路径错误或编码异常都会导致样式完全不生效。不同系统路径不同,务必按设备类型操作。
Android设备:打开文件管理器,进入 /Android/data/com.miaoxia.browser/files/ 目录 → 新建纯文本文件,命名为 userstyles.css。
macOS设备:前往 ~/Library/Application Support/Miaoxia Browser/User Data/Default/ → 同样新建 userstyles.css。
Windows设备:打开 %LOCALAPPDATA%\MiaoxiaBrowser\User Data\Default\ → 创建同名文件。
【文件必须保存为UTF-8无BOM编码,用记事本另存为时要手动选择该编码,否则中文注释会乱码,导致整段CSS失效】
写入实用阅读优化CSS规则
以下代码可直接复制进userstyles.css,每段都针对真实阅读痛点设计,无需额外调试即可生效。
① 统一正文段落呼吸感:
article p, .rich_media_content p { line-height: 1.8 !important; margin: 1.2em 0 !important; }
② 屏蔽微信公众号页右侧浮动广告栏:
.js_article .appmsg_extra_biz { display: none !important; }
③ 知乎长文标题加粗+居中+加大字号:
.Post-Title, .QuestionHeader-title { font-weight: 700 !important; text-align: center !important; font-size: 24px !important; }
④ 豆瓣影评页隐藏顶部推荐横幅:
.mod.recommend-mod { display: none !important; }
⑤ 所有页面链接加下划线并变蓝(避免误点):
a:not([href^="javascript"]):not([href^="#"]) { text-decoration: underline !important; color: #1890ff !important; }
验证CSS是否成功加载
重启浏览器后,打开任意已适配的网页(如知乎单篇文章),右键空白处→选择“检查元素”→切换到“Console”面板→输入以下命令:
getComputedStyle(document.body).lineHeight
若返回值为 1.8 或接近该值,说明第一条CSS已生效;再手动右键点击一个链接,查看元素样式面板中 text-decoration 是否显示 underline,确认第五条也已加载。
若全部返回原始值(如 20px 或 none),请立即检查:userstyles.css文件是否在正确路径、是否被其他同名文件覆盖、文件内是否有半角引号误写成全角、是否漏写 !important。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











