在米侠浏览器中可通过开发者工具用javascript临时修改网页内容:先开启开发者选项并重启,再用ctrl+shift+i打开控制台,通过copy selector获取选择器,最后用document.queryselector或queryselectorall执行文本、样式、结构等修改操作。

你想在米侠浏览器里临时改网页上的按钮文字、隐藏广告栏、给输入框加默认值,或者测试一段交互逻辑——这些操作都不用改源码,控制台一行JS就能完成。
先确保开发者工具可用
点击右下角三条横线图标 → 进入【设置】→【高级设置】→ 打开【开发者选项】。【若跳过此步,按 Ctrl+Shift+I、右键“检查元素”全部无效】。开启后必须完全退出并重启浏览器,否则所有调试入口均不可见。
重启后打开任意网页,按 Ctrl + Shift + I,确认 Elements 面板正常弹出;再按 Ctrl + Shift + C,鼠标变成带方框的箭头,单击页面任意元素能高亮对应 HTML 节点,即表示就绪。
定位目标元素并获取选择器
按 Ctrl + Shift + C → 鼠标悬停到要修改的元素(如“立即购买”按钮)上 → 单击选中。Elements 面板自动跳转并高亮该节点。
右键该 HTML 标签 → 选择“Copy” → “Copy selector”,得到类似 【.btn-primary#buy-now】 的 CSS 选择器。这个字符串是后续所有 JS 操作的基础,复制错一个字符就会导致 document.querySelector 返回 null。
用 JavaScript 修改元素内容与样式
切换到 Console 面板,在光标处粘贴以下任一代码并回车:
方法一:改文本内容
document.querySelector(".btn-primary#buy-now").textContent = "已抢光";
方法二:改 HTML 结构(支持标签)
document.querySelector(".ad-banner").innerHTML = "
方法三:改样式属性
document.querySelector("input[name='phone']").style.borderColor = "#e74c3c";
【注意:如果元素是滚动后加载的卡片、Tab 切换后出现的内容,querySelector 可能返回 null。此时需先确认元素已存在,或改用 document.querySelectorAll(".item")[0] 配合 if 判断】
创建新元素并插入页面
第一步:新建一个 div 元素
const newBox = document.createElement("div");
第二步:设置 ID 和内容
newBox.id = "debug-tip";
newBox.textContent = "当前为调试模式";
第三步:添加内联样式使其可见
newBox.style.cssText = "position:fixed;top:20px;left:20px;background:#2c3e50;color:#ecf0f1;padding:6px 12px;z-index:9999;border-radius:3px;font-size:13px;";
第四步:插入到页面 body 末尾
document.body.appendChild(newBox);
这一步完成后,左上角立刻出现蓝色提示框。后续可随时执行 document.getElementById("debug-tip").remove(); 删除它。
批量修改同类元素
比如把页面所有 class 为 "price" 的元素都加上红色边框:
document.querySelectorAll(".price").forEach(el => { el.style.border = "2px solid #e74c3c"; });
又比如把所有外链 a 标签右侧加 [↗] 标识:
document.querySelectorAll("a[href^='http']:not([href*='mixia'])").forEach(a => { a.innerHTML += " [↗]"; });
执行后所有匹配元素实时更新,无需刷新页面。











