如何从我的网站的响应版本创建一个切换器到桌面版?

时间:2015-05-27 14:27:22

标签: php html css responsive-design

我想创建一个像“查看桌面网站”的按钮切换到桌面格式网站。 我正在使用CSS @media进行响应式设计,我的网站使用HTML / PHP。 有人可以说我为什么浏览器应用程序的“请求桌面网站”不运行?

2 个答案:

答案 0 :(得分:1)

另一个想法是在你的网址中使用一个参数:

<a href="sitename.html/?desktop">See desktop site</a>

然后在head

中使用PHP代码
<?php
    if ($_GET['desktop'] {
        echo "<link rel='stylesheet' type='text/css' href='mobile.css'>";
    }
?>

这意味着只有当网址中的参数desktop 设置为true时,您的网站才会显示响应状态。只有在设置`?desktop参数时才会这样做。

或者,如果您因为以后返回网站而不想设置cookie,则可以使用PHP会话。如果在一个页面上设置$_GET['desktop'],则会继续显示您网站的其余部分,直到您(session_destroy())或用户(退出浏览器)结束会话

<?php
    if ($_GET['desktop']) { 
         start_session();
         $_SESSION['desktop'] = true;
         exit();
    }
?>

然后在<head>

<?php
    start_session(); /* Only if on a different page */
        if ($_SESSION['desktop'] {
             echo "<link rel='stylesheet' type='text/css' href='mobile.css'>";
        }
    exit();
?>

答案 1 :(得分:0)

这是一个可以为你做的小插件:

http://filzhut.net/projects/responsive-switch/

一旦包含,它只是一个简单的链接:

<a href="#"
  class="rs-link"
  data-link-desktop="Switch to desktop version"
  data-link-responsive="Switch to responsive / mobile version"
  data-always-visible="false">
</a>