加载网页后是否可以禁用JS插件？

Question

网页在加载时通常会加载一些 JS 脚本，例如（animate.je、wow.js、scrollpage.js 等）。 我意识到其中一个脚本在横向旋转时会影响智能手机等移动设备上的布局。 有什么办法可以说：如果您处于横向模式，请禁用脚本'animation.js'？

编辑：如果页面以横向模式加载，然后设备以横向模式旋转，则会出现问题。

Answer 1

您可以使用条件将脚本附加到 DOM

例子：

<html>
    <body>
    <script>
        if (!landscape) {
        const script = document.createElement('script');
        ...
        const body = document.getElementsByTagName('body')[0];
        body.appendChild(script);
        }
    </script>
    </body>
</html>

Answer 2

首先，您不应该真正禁用脚本animation.js您应该将其扩展为在屏幕为横向时不触发。

为此，您需要检测屏幕尺寸的变化。 只需按照这个问题检测视口方向，如果方向是纵向显示警告消息，建议用户注意说明（如果您在每次迭代/触发器/事件时检测风景，或者每当您的 animation.js 内容正在执行令人不安的功能时，这可以省略）

现在，您需要创建可重用的函数来检测您是否处于横向状态（这也在其他问题中得到了回答）。

最后一步是在 animation.js 中应用它 - 首先在加载时，这意味着你需要阻止 animation.js 在上面的函数中执行，说它是横向的。 然后你需要对切换到横向做出反应。

加载网页后是否可以禁用JS插件？

问题描述

2 个解决方案

解决方案1
0 2020-01-03 08:22:48

解决方案2
0 2020-01-03 09:55:24

加载网页后是否可以禁用JS插件？

问题描述

2 个解决方案

解决方案1 0 2020-01-03 08:22:48

解决方案2 0 2020-01-03 09:55:24

解决方案1
0 2020-01-03 08:22:48

解决方案2
0 2020-01-03 09:55:24