iOS开发者:如何通过JavaScript控制台修改元素宽度与overflow属性?
在Safari Web检查器控制台修改WebView元素样式的JS代码
直接在Safari Web检查器的Console标签里执行以下代码,就能完成你需要的两个样式修改:
1. 修改类名为_1Fm4m _1h2dM的元素宽度
类名中的空格代表元素同时拥有这两个类,所以选择器要将两个类名连写(中间无空格):
// 批量修改所有符合条件的元素宽度 document.querySelectorAll('._1Fm4m._1h2dM').forEach(element => { element.style.width = '200vw'; });
如果页面中只有一个该类的元素,也可以简化成:
document.querySelector('._1Fm4m._1h2dM').style.width = '200vw';
2. 设置app容器的overflow-x为visible
这里假设"app"是目标容器的类名或ID,根据实际情况选择对应代码:
- 若目标是ID为
app的元素:
document.getElementById('app').style.overflowX = 'visible';
- 若目标是类名为
app的元素:
document.querySelectorAll('.app').forEach(element => { element.style.overflowX = 'visible'; });
如果目标是页面根容器(比如body或html),直接替换选择器即可,例如:
document.body.style.overflowX = 'visible';
执行步骤:打开Safari Web检查器 → 切换到Console标签 → 粘贴对应代码 → 回车运行。
内容的提问来源于stack exchange,提问作者AntonyCatcher
相关产品推荐
相关产品推荐

