这两天给我的 WordPress 单独搞了一套移动端的主题,这样一来,PC端和移动端打开网站将显示不同的界面。我没记错的话,这样更加有利于 SEO。主题是网上找的,就一通用模板,到手后需要做大量的修改,以满足自己网站的个性化需求。本地调试的时候必须使用移动端设备来访问以查看效果,本来想通过 Chrome 自带的开发者调试工具 Toggle device toolbar 来实现,结果发现根本不起作用,访问到的依然是PC端的主题界面。

手机查看网页源代码

  于是我想到了把我的手机和本机电脑设置在同个 WiFi 下,然后通过手机去访问查看。但这里有个问题,手机端找了半天没找到查看网页源代码的相关按钮,看不到源代码就无法调试修改,怎么办?通过亲身实践,找到了安卓(Android)和苹果(iOS)的分别实现方法。

  Android:身边正好有个备用机三星 Galaxy S8,打开安装好的 Chrome 浏览器,地址栏输入并访问:view-source:ihacksoft.com(你要查看源代码的网页地址),成功搞定!

  iOS:当我用上面同样的方法在 iPhone 里测试时,发现根本不行,显示:无法访问此网站。查了相关资料,最简单的方法:安装一款名为 View Source 的 APP 即可。