前端手机仿真调试页面

前端手机仿真调试页面_第1张图片

随着移动设备越来越智能和大前端(骄傲一下,勿喷)时代的到来, 越来越多的网站开始我往移动端普及, 但对前端开发人员来说, 想要在真机上测试是非常费劲的,常用的方法:

  1. 部署到测试环境
  2. 自己搭建一个服务器, 例如 wampServer
  3. 使用真机调试软件 , 一个以g 开头的软件, 收费的

一次无意间发现一个node 的插件包 anywhere 下面是anywhere的使用方法

  • 第一步 在电脑上安装 node, 不确定有没有的, 打开cmd输入 node -v
  • 第二步 打开CMD窗口, 不懂得自行百度
  • 第三步 输入npm install -g anywhere, 静待完成
  • 第四步 在需要打开的页面文件夹打开cmd, 输入anywhere,发现浏览器打开了一个窗口, 就是这个页面了
  • 第五步 复制浏览器链接, 打开草料二维码(主要为了省事和可以在一些应用内查看, 也可以在手机浏览器自己输入), 生成一个二维码
  • 第六步 打开手机浏览器扫一扫, 发现这就是你想要查看的页面

Tips

  • 一定要保证手机和电脑在同一个WiFi下, 否则是不可以的哦!!!

你可能感兴趣的:(前端手机仿真调试页面)