Question

好的，所以我使用cookie来生成不同设备宽度的移动内容。基本上，该网站在桌面上看起来是一种方式，并在800px以下的移动设备上显示帖子内容。

除了一个小问题外，一切都很完美。当我在移动浏览器中切换到桌面视图时，似乎只在iOS Safari和Android HTC Internet中发生，cookie未应用于未生成的内容。我在网上尝试了很多搜索和建议，但没有发现任何东西。任何帮助都会很棒。

标题中的脚本：

<script type="text/javascript">var mql = window.matchMedia("screen and (max-width: 800px)")
if (mql.matches){ var setCookie = function setCookie(name) {
document.cookie = 'distanceMobile=1; expires=0; path=/';
}
setCookie('distanceMobile');}
else{
// do something else
}</script>

<script type="text/javascript">
var mql = window.matchMedia("screen and (min-width: 801px)")
if (mql.matches){    var delete_cookie = function delete_cookie(name) {
  document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
    delete_cookie('distanceMobile');}
else{
// do something else
}
</script>

模板的Php：

<?php
// Template Name: Full Width Home
get_header("home");

if ( wp_is_mobile($_COOKIE['distanceMobile']) ) {

    echo '<style scoped> @media screen and (min-width: 801px){
    #content {display: none !important;}
    }</style>';
    get_template_part('custom-home-content');
    //echo "Hello!";

} elseif ($_COOKIE['distanceMobile']) { 

    get_template_part('custom-home-content');
    //echo "Hello!";

} else {
  // do nada
}

get_footer(); ?>

这是我正在努力的网站的链接。如果您将浏览器窗口缩小到800以下，则必须提供2次快速刷新才能打印内容。否则，在设备上访问它只会加载正常。

到目前为止，我再次尝试过多种方法。我试图剥离所有匹配的媒体和香港专业教育学院尝试做一个警报。当您单击桌面视图时，它似乎无法在移动浏览器中工作。

问候。

*更新PHP文件以测试移动设备是否被识别并且cookie触发* 我在移动浏览器的桌面视图中返回SPM

<?php
// Template Name: Full Width Home
get_header("home");if ( wp_is_mobile() ) {    
    get_template_part('custom-home-content');
   //echo "Hello!";
} 
    elseif ($_COOKIE['distanceMobile']) {    
        get_template_part('custom-home-content');
   //echo "Hello!";
    } 
        else {
 echo "SPM JR.";
}
get_footer(); ?>

Android网络浏览器无法在桌面视图中编写Cookie

0 个答案: