You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 09:07:06