这个移动重定向代码工作,我如何测试它?



我想根据他们设备的宽度将访问者重定向到我的网页到特定于移动设备的版本。我试着做用户代理检测,但我学得越多,我就越意识到这是一个多么糟糕的想法。我放入了这段代码,问题是我不知道如何在将页面投入使用之前测试它是否有效。我尝试使用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>

这行不通。因为你在css里面写js代码。放入标签

最新更新