在米侠浏览器中可通过控制台用JavaScript快速修改网页元素:先用“检查元素”定位目标并复制CSS选择器,再在Console中执行querySelector或querySelectorAll相关代码,实现改文字、删广告、加样式、插新元素或批量操作。

你想在米侠浏览器里直接改网页上某个按钮的文字、隐藏广告栏、给输入框加默认值,或者临时测试一段交互逻辑——这些操作都不用改源码,控制台一行JS就能完成。
先打开控制台并定位目标元素
点击地址栏右侧的“菜单”按钮(三点竖排图标)→ 选择“检查元素”;若该选项未显示,请先去【设置】→【高级设置】中开启“开发者选项”。
Elements面板展开后,用鼠标悬停或点击页面上的任意区域,对应HTML节点会高亮;也可以在Elements树中手动展开查找,比如要改页脚,就找<footer>标签。
找到目标元素后,右键它 → 选择“Copy” → “Copy selector”,这样就拿到了它的CSS选择器,比如#main-content .title,后面执行JS时会用到。
用JavaScript修改元素内容与样式
切换到Console面板,在光标处粘贴以下任一代码并按回车:
方法一:改文本内容
直接替换文字:document.querySelector("#main-content .title").textContent = "新标题已上线";
方法二:改HTML结构
插入带标签的内容:document.querySelector(".ad-banner").innerHTML = "<div style="color:red;font-weight:bold">已屏蔽广告</div>";
方法三:改样式属性
动态调整外观:document.querySelector("button#submit").style.backgroundColor = "#4CAF50";
【注意:如果元素是异步加载的(如滚动后出现的卡片),querySelector可能返回null。此时需先确认元素已存在,或改用document.querySelectorAll()[0]配合判断】
创建新元素并插入到页面中
第一步:新建一个div元素const newBox = document.createElement("div");
第二步:设置ID和内容newBox.id = "debug-overlay"; newBox.textContent = "调试模式已激活";
第三步:添加内联样式使其可见newBox.style.cssText = "position:fixed;top:10px;right:10px;background:#000;color:#fff;padding:8px 12px;z-index:9999;border-radius:4px;";
第四步:插入到页面body末尾document.body.appendChild(newBox);
这一步完成后,右上角就会立刻出现一个黑色小提示框。后续还可通过document.getElementById("debug-overlay").remove();随时删掉它。
批量修改同类元素
比如要把页面所有链接都加上“[外链]”标识:
document.querySelectorAll("a[href]").forEach(link => { link.textContent += " [外链]"; });
又比如隐藏全部class为“sidebar-ad”的区块:
document.querySelectorAll(".sidebar-ad").forEach(el => el.style.display = "none");
这种写法比逐个写ID高效得多,特别适合处理列表、导航栏、评论区等重复结构。


















