这个移动重定向代码会起作用吗？我该如何测试它？
Posted
技术标签:
【中文标题】这个移动重定向代码会起作用吗？我该如何测试它？【英文标题】：Will this mobile redirect code work and how do I test it? 【发布时间】：2021-07-28 12:53:14 【问题描述】：我想根据设备的宽度将访问我网页的访问者重定向到特定于移动设备的版本。我尝试进行用户代理检测，但我学得越多，我就越意识到这是一个多么糟糕的想法。我把这段代码放进去，问题是我不知道如何在页面上线之前测试它是否有效。我尝试使用 DevTools 模拟器，但它只显示常规页面并且不执行重定向。我尝试将 php 文件下载到我的手机上进行测试，但无法在那里打开 PHP 文件。我应该下载一个应用程序在手机上测试 PHP 吗？或者是否有一些简单的方法来测试这个已经避开了我精心制作的谷歌搜索？我的代码看起来还可以吗？
<link rel="alternate" media="only screen and (max-width: 770px)" href="http://m.mysite.ca/" >
<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.responsive
width: 99%;
height: auto;
if (window.screen.width < 770)
window.location = 'm.mysite.ca';
</style>
<link href="css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css">
</head>
【问题讨论】：
【参考方案1】：这行不通。因为你在css里面写了js代码。放入标签
【讨论】：
那么放到html部分并在其周围加上？ 谢谢，完成后，我可以在模拟器中测试它是否可以工作，或者有更好的方法吗？ Chrome 拥有模拟手机屏幕的开发工具 在 Chrome 的模拟器中预览此代码并实施您的更改时，它只显示桌面版本。 （应该是重定向）以上是关于这个移动重定向代码会起作用吗？我该如何测试它？的主要内容，如果未能解决你的问题，请参考以下文章