在米侠浏览器中可通过控制台实时修改页面内容:启用整页可编辑模式(document.body.contenteditable="true")直接编辑文本;或用queryselector精准修改文字、html、样式;支持批量操作与动态插入提示元素,所有改动仅限当前标签页且刷新即失效。

你想在米侠浏览器里把商品页的“¥299”临时改成“¥19.9”,把弹窗标题“温馨提示”加粗变红,或者把整段用户协议文字缩小两号——这些都不用等网页更新,控制台输入几行代码,回车即生效,改动只保留在当前标签页,刷新就清空。
启用整页可编辑模式(最快捷)
按 F12 打开开发者工具 → 切换到 Console 标签页 → 输入 document.body.contentEditable = "true"; 并回车。
这一步会让整个页面变成类似 Word 的编辑状态,所有纯文本块(<p></p>、<h1></h1>、<span></span> 等)都能直接点击修改。【此时所有超链接将失效,无法跳转】,但按钮、图片、布局完全保留原样。
改完后,再输一次 document.body.contentEditable = "false"; 回车,即可退出编辑态,恢复全部交互功能。
精准定位并修改单个元素
右键目标文字 → 选择「检查元素」→ 在 Elements 面板中确认高亮节点 → 右键该节点 →「Copy」→「Copy selector」。
切回 Console,粘贴选择器并执行以下任一操作:
方法一:仅改文字内容
document.querySelector("#price").textContent = "¥19.9";
方法二:替换带格式的 HTML
document.querySelector(".popup-title").innerHTML = "⚠️ 强制提醒";
方法三:只改样式不碰内容
document.querySelector("div.terms").style.fontSize = "14px";
注意:如果目标元素是滚动加载或异步渲染的(比如评论区第3页),querySelector 可能返回 null。此时请先手动滚动到它出现,或改用 document.querySelectorAll(".item")[2].textContent = "...";
批量修改同类元素
第一步:选中所有 class 为 "price" 的节点
const prices = document.querySelectorAll(".price");
第二步:遍历并统一赋值
prices.forEach(el => el.textContent = "限时¥0.01");
第三步:若需同时改样式
prices.forEach(el => { el.textContent = "已抢光"; el.style.textDecoration = "line-through"; el.style.color = "#999"; });
这三步写在同一段 Console 里,按回车一次性执行。不用分多次输,避免中间状态残留。
动态插入新提示元素
const tip = document.createElement("div");
tip.id = "quick-note";
tip.textContent = "【调试中】此页已被手动干预";
tip.style.cssText = "position:fixed;top:5px;left:5px;background:#2196F3;color:white;padding:4px 8px;font-size:12px;z-index:9999;border-radius:2px;";
document.body.insertBefore(tip, document.body.firstChild);











