将我的自托管网页仅限移动手机访问。

9 浏览
0 Comments

将我的自托管网页仅限移动手机访问。

我有以下问题:

  1. 你能创建一个只能通过手机应用访问的网页吗?
  2. 限制只能通过手机访问网站
  3. 只向移动浏览器展示网页

我正在创建一个只能在智能手机上运行的网站,因为它与手机的功能进行交互。我不想浪费桌面搜索者的时间,因此如果检测到一个非智能手机访客,我希望显示一个页面,上面写着“只能通过智能手机查看”。重要的是,桌面用户不能进一步访问网站,所以检测必须尽快进行。

0
0 Comments

问题的出现原因:用户想要将自己托管的网页仅对移动设备开放,需要判断访问者是否是手机。

解决方法:参考stackoverflow上的回答,使用JavaScript来检测设备是否为手机,并进行页面重定向。

以下是可以实现该功能的JavaScript代码:

function isMobileDevice() {
  return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
}
if (isMobileDevice()) {
  window.location.href = "mobile-page.html";
}

将上述代码放置在网页的`