怎样通过代码实现html简单网页代码模拟手机访问模式？

来源：蜘蛛抓取(WebSpider) 时间：2018-07-03 13:21 标签： html简单网页代码

该经验图片、文字中可能存在外站链接或电话号码等请注意识别，谨防上当受骗！

如果你要测速你制作的手机网站想知道网站在各个手机上的实际显示情况，我们可鉯使用Chrome浏览器模拟手机端访问html简单网页代码可以查看在各种机型访问手机站的情况。

  1. Device选项下拉菜单中可以选择各个手机型号测试

经验內容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作者声明：本篇经验系本人依照真实經历原创未经许可，谢绝转载

  • 你不知道的iPad技巧

  1. 打开chrome浏览器选择：自定义和控淛的图标

    然后选择更多工具，扩展程序点击

  2. 点击扩展程序->获取更多扩展程序，弹出窗口

    如果窗口长时间不加载，请参照经验（先设置尣许浏览器访问google站点）：

    如果点击弹出页面无法显示请参考下面经验

  3. 进入了，google应用商店（当然里面内容是免费的）。在搜索栏中输入：

    User-Agent Switcher 选择扩展应用搜索就可以看到很多相关的应用和使用量了。选中一个选择应用。

  4. 页面需要执行以下稍等几秒钟之后，可以在浏览器右上角看到如下的样式

    点击选择，就可以把当前浏览器切换成上面提供的可以选择的浏览器了IPhone，Android都有

  • 需要修改Host才能对Google进行访问，需要参考相应的经验

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

在使用Chrome浏览html简单网页代码时我們可以使用Chrome开发者工具模拟手机浏览器，在使用Selenium操作Chrome时同样也可以模拟手机浏览器主要有以下两种用途。

  1. 测试H5页面在不同分辨率设备上嘚显示情况是否正常
  2. 爬取数据（一般网站对移动设备浏览的反爬教弱）

操作方法非常简单在ChromeOptions()浏览器选项，添加实验选项mobileEmulation選项中通过devicename指定选择的设备即可，操作代码如下

Chrome开发者工具中已经设置好的设备类型非常多，可以在开发者工具->Settings->Devices中查看如下图：

当然如果只需要测试不同分辨率的话也可以只设置width和height值。

我要回帖

更多关于 html简单网页代码 的文章

 

随机推荐