Javascript 元标签如何仅在移动设备上显示？_Javascript_Html_Wordpress_Woocommerce_Tags

Javascript 元标签如何仅在移动设备上显示？

javascript html wordpress woocommerce tags

Javascript 元标签如何仅在移动设备上显示？,javascript,html,wordpress,woocommerce,tags,Javascript,Html,Wordpress,Woocommerce,Tags,我需要一个代码片段来帮助我的元标记只在移动设备上显示，默认桌面将被隐藏 function initScreen() { isMobile = (/iPhone|iPod|Android|BlackBerry/).test(navigator.userAgent); isTablet = (/iPad/).test(navigator.userAgent); if(isMobile) { $('<meta name="viewport" content

我需要一个代码片段来帮助我的元标记只在移动设备上显示，默认桌面将被隐藏

function initScreen() {
    isMobile = (/iPhone|iPod|Android|BlackBerry/).test(navigator.userAgent);
    isTablet = (/iPad/).test(navigator.userAgent);
    if(isMobile) {
        $('<meta name="viewport" content="initial-scale=0.30, maximum-scale=0.50, minimum-scale=0.25, width=device-width, user-scalable=yes">').appendTo('head');
    } else if(isTablet) {
        $('<meta name="viewport" content="initial-scale=0.95, maximum-scale=0.95, width=device-width, user-scalable=no">').appendTo('head');
    } else {
        $('<meta name="viewport" content="initial-scale=0.80, maximum-scale=0.80, width=device-width, user-scalable=no">').appendTo('head');
    }
}


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"> 
    $(document).ready(function() {
        initScreen();
    });
</script>
</head>

函数initScreen（）{
isMobile=（/iPhone | iPod | Android | BlackBerry/）.test（navigator.userAgent）；
isTablet=（/iPad/）.test（navigator.userAgent）；
if（isMobile）{
$（''）。附于（'head'）；
}else if（iTablet）{
$（''）。附于（'head'）；
}否则{
$（''）。附于（'head'）；
}
}
$（文档）.ready（函数（）{
initScreen（）；
});

有人能帮我吗？

也许你需要使用

文档。写而不是使用jquery append
<head>
<script>
    var isMobile = (/iPhone|iPod|Android|BlackBerry/).test(navigator.userAgent);
    isTablet = (/iPad/).test(navigator.userAgent);
    if(isMobile) {
        document.write('<meta name="viewport" content="initial-scale=0.30, maximum-scale=0.50, minimum-scale=0.25, width=device-width, user-scalable=yes">');
    } else if(isTablet) {
        document.write('<meta name="viewport" content="initial-scale=0.95, maximum-scale=0.95, width=device-width, user-scalable=no">');
    } else {
        document.write('<meta name="viewport" content="initial-scale=0.80, maximum-scale=0.80, width=device-width, user-scalable=no">');
    }
</script>
</head>


var isMobile=（/iPhone | iPod | Android | BlackBerry/）.test（navigator.userAgent）；
isTablet=（/iPad/）.test（navigator.userAgent）；
if（isMobile）{
文件。写（“”）；
}else if（iTablet）{
文件。写（“”）；
}否则{
文件。写（“”）；
}
您不需要在桌面上隐藏视口元标记。此外，document ready事件将触发得太晚，此方法无法工作。？？元标记不会显示在任何设备中…@evolutionxbox您是对的，不太正确necessary@Teemu我计划只在我的电脑上没有显示的移动版本中显示此标签谢谢@Tan Duong