移动端开发中模拟手机测试小技巧

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端开发中模拟手机测试小技巧相关的知识,希望对你有一定的参考价值。

情景:在开发移动端情况下,pc看到的效果有时于真实手机里看到的效果可以不大一样,将代码发送到服务器再去测试又太麻烦,

     这时,下面的小技巧可能就比较有用了,前提需要 pc跟手机一部,并且在同个无线网络内.

 

首先.在ide中将项目运行,然后在浏览器输入地址

技术分享

正常能访问后,在cmd【windows环境下】中输入ipconfig拿到本机ip地址

 

技术分享

 

 将此地址代替localhost ,然后随便找个生产二维码的网站,生成以本机ip为路径的二维码

技术分享

 

 然后手机扫描此二维码,如用微信的扫一扫,就能看到真实手机中的页面效果

以上是关于移动端开发中模拟手机测试小技巧的主要内容,如果未能解决你的问题,请参考以下文章

移动端样式小技巧

调试移动端页面

移动端手机调试的几种方法

移动手机端开发(APP/小程序/H5)

移动端web开发技巧

移动端真机调试实战经验