加載網頁后是否可以禁用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