收起左侧

尝试解决移动端web页面无法缩放问题,需要通过ssh修改web源文件

1
回复
1075
查看
[ 复制链接 ]

4

主题

2

回帖

0

牛值

fnOS系统内测组

社区上线纪念勋章

2024-9-25 21:21:57 显示全部楼层 阅读模式
本帖最后由 liuyun 于 2024-9-25 21:28 编辑

其实不是解决无法缩放问题,而是能让整个页面能左右滑动了
通过ssh进入root权限,

进入 /usr/trim/www 目录找到index.thml
在最后一个script标签,将以下内容粘贴在后面就可以了。移动端刷新页面就能看到效果。
  1.     <script>
  2.       // 定义一个回调函数,用于处理 DOM 变化
  3.       function callback(mutationsList, observer) {
  4.         for (const mutation of mutationsList) {
  5.           if (mutation.type === "childList") {
  6.             if (mutation.addedNodes.length > 0) {
  7.               mutation.addedNodes[0].style.minWidth = "1024px";
  8.             }
  9.           }
  10.         }
  11.       }

  12.       // 创建一个 MutationObserver 实例
  13.       const observer = new MutationObserver(callback);

  14.       // 配置观察选项
  15.       const config = { childList: true };
  16.       const root = document.getElementById("root");
  17.       root.style.width = "100%";
  18.       root.style.overflowX = "auto";

  19.       // 开始观察目标元素
  20.       observer.observe(root, config);
  21.     </script>
复制代码
已知问题:
- 打开的应用框还是无法拖动
收藏
送赞 4
分享

1

主题

58

回帖

95

牛值

社区共建团

社区上线纪念勋章社区共建团荣誉勋章飞牛百度网盘玩家

2024-9-27 02:05:23 显示全部楼层
只要是谷歌内核的游览器打开桌面模式都可以吧,
科学技术这一仗,一定要打,而且必须打好。

                                                -------**
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则