首页 > 电脑专区 > 电脑教程 >

chrome浏览器怎么模拟手机访问网页

来源:互联网 2023-02-21 23:14:09 379

谷歌浏览器怎么模拟手机访问网页?简单几步,让你轻松解决。xzP办公区 - 实用经验教程分享!

chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

工具/原料

  • 谷歌浏览器
  • 网络环境

方法/步骤

  • 1

    1. 双击图标,打开谷歌浏览器,如下图所示。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 2

    2. 按下键盘的F12,进入到调试状态,点击图示的【Toggle device toolbar】.xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 3

    3. 步骤2后,进入下图所示的界面,下图左侧模拟的是在不用设备下的界面显示效果。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 4

    4. 点击下图所示的【Responsive】,在下拉菜单中可以选择不同的移动设置包括手机型号、平板电脑型号等等。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 5

    5. 点击下图的【Edit...】,进入到编辑界面xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 6

    6. 步骤5后,右边弹出了【Settings】面板,点击【Add custon devices...】添加自定义设备或者在下方已经存在的设置中勾选设备。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 7

    7. 在网址栏中输入百度经验网址后,并登录个人账户,显示模拟手机设备访问网页,如下图所示。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 7该信息未经授权抓取自百度经验
  • 8

    如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。xzP办公区 - 实用经验教程分享!

    chrome浏览器怎么模拟手机访问网页xzP办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xzP办公区 - 实用经验教程分享!


    标签: 浏览器CHROME浏览模拟访问

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码