美文网首页
如何调试移动网页(1):使用真机看效果

如何调试移动网页(1):使用真机看效果

作者: e93a88ffeabd | 来源:发表于2018-03-06 16:35 被阅读0次

前言

随着移动端的发展,近年来网页更多的侧重在了移动端方向。可是,问题也随之而来,尽管在chrome中提供了手机模拟调试的功能,但是毕竟模拟的不能和真机做比较,总会遇到各种各样的差别。那么如何把PC端编写的移动网页放到真机上查看呢?

解决办法

  • 在开发PC端网页的时候,我们可以在本地看到效果是因为我们的网页文件在电脑中,当然把网页文件放在手机中也是可以看到效果的,不过这个方法太麻烦
  • 还有一种方法就是利用服务器来达到目的,我们可以把网页文件上传到服务器中,这样手机就可以访问服务器的IP地址来看到效果了。但是这样也很麻烦,难道每次都要提交代码到服务器上吗?
  • 其实我们可以把电脑当成一个服务器,在电脑上开启服务,让手机访问电脑的IP地址也可以看到效果

php是世界上最好的语言!

做为世界上最好的语言,我们可以搭建一个php环境来开启服务。下载集成环境XAMPPWampServer

XAMPP

下面就拿XAMPP来做例子:

  1. 官网下载完成后开始安装(默认下载的32位的,后来我怎么找也没找到64的,不过32的还是装成功了)


    开始安装
  2. 安装成功后启动服务


    启动服务
  3. 找到安装目录


    安装目录
  4. 随后获取本机IP地址


    获取本机IP地址
  5. 打开浏览器,在地址栏输入本机IP地址查看效果


    查看PC效果
  6. 随后打开手机浏览器,输入相同的IP地址


    查看手机效果

相关文章

  • 如何调试移动网页(2):PC端调试真机

    前言 上次我写了篇如何调试移动网页(1):使用真机看效果的教程,里面说了如何在本地搭建php环境,开启服务来让手机...

  • 如何调试移动网页(1):使用真机看效果

    前言 随着移动端的发展,近年来网页更多的侧重在了移动端方向。可是,问题也随之而来,尽管在chrome中提供了手机模...

  • 使用Hbuilder真机调试

    我们开发APP的时候必须使用真机调试,当然有其他方法,这里只讲如何使用Hbuilder来真机调试 步骤: 1)打开...

  • 移动端网页真机调试

    发现个真机看效果的好方法,在同一网络下,手机端访问PC的ip+端口+地址 是可以直接访问到网页的,前提PC端已经开...

  • 真机调试

    真机调试 1. 真机调试概念 2. 真机调试的必要 APP发布之前一定要做真机调试!!! 3. 怎样做真机调试? ...

  • 网页真机调试

    移动端调试困难很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端...

  • 移动端使用vConsole真机调试

    现在很多移动端是用H5做的,但是有时候,有的问题,无法在真机进行调试,这个就需要vConsole进行调试,它可以打...

  • iOS学习笔记(十)——iOS真机调试

    前面一直使用模拟器运行,今天使用了真机调试,这一篇介绍一下真机调试。真机调试需要99$注册,如果有注册过的账号,也...

  • reveal20 for Xcode 10 真机iPhone调试

    reveal20已发布,以前官网没说怎么用真机调试,现在发现已支持真机。 调试有三种方式: 1、使用cocoaPo...

  • 修改iOS系统的音量

    请注意: 修改系统音量无法在模拟器上看到效果,必须使用真机调试才能看到效果! 使用前请导入库 #import

网友评论

      本文标题:如何调试移动网页(1):使用真机看效果

      本文链接:https://www.haomeiwen.com/subject/gwkrfftx.html