我可以将页面完全隐藏在桌面用户之外吗？

Question

基本上如标题所述。我想知道我是否可以以某种方式使页面完全隐藏在桌面用户之外。或者如果他们尝试通过桌面访问它，它会重定向到其他地方。我只是希望它只适用于平板电脑/手机。

Answer 1

使用媒体查询，您可以根据用户的屏幕大小隐藏/显示。如果屏幕具有一定的大小，您可以隐藏内容并显示弹出消息，例如 .content 仅在屏幕宽度为500px时显示。

（要查看它的工作原理，点击运行，然后点击整页，重新调整浏览器的大小，它会隐藏/显示）

＆＃13;

＆＃13;

@media screen and (min-width: 500px) {
    .content {
        display: none;
   }
}

＆＃13;

<div class="content">
<p>This is my website</p>
</div>

＆＃13;

＆＃13;

＆＃13;

或者，如果您确实要删除内容，请使用此处显示的移动检查器 - Detecting a mobile browser，如果返回false，请执行以下操作：

var content = document.getElementById("content");
content.remove(content);