时间戳

首页 > 解决方案 > 我可以在 PHP 中添加条件以仅在大屏幕上显示 JS 吗？

javascript - 我可以在 PHP 中添加条件以仅在大屏幕上显示 JS 吗？

问题描述

基本上我在我的一个页面上运行 JavaScript，但我不希望它显示在手机上。这在 PHP 中可行吗？我在我的 WordPress 子主题中添加了一个入队函数，如下所示：

function load_js_assets() {
if( is_page( 1509 ) ) {
    wp_enqueue_script('custom-script', 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js', array('jquery'), '', false);
    wp_enqueue_script('custom-script2', 'https://unidigital.tech/wp-content/themes/picostrap-child/particles.js?ver=5.6', array('jquery'), false, true);
    
}

}

但是我还没有成功地添加一个只在大屏幕上运行 JS 的条件。有人可以帮忙吗？

标签： javascriptphpwordpressconditional-statements

解决方案

使用以下代码段仅在非移动设备上将 javascript 排入队列。

  

    //识别请求来自移动浏览器。
    功能是移动设备（）{
        return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo
    |fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i"
    , $_SERVER["HTTP_USER_AGENT"]);
    }
    
    函数 load_js_assets() {
        如果（is_page（1509）&&！isMobileDevice（））{
            wp_enqueue_script('custom-script', 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js', array('jquery'), '', false);
            wp_enqueue_script('custom-script2', 'https://unidigital.tech/wp-content/themes/picostrap-child/particles.js?ver=5.6', array('jquery'), false, true);
        }
    }

推荐阅读