ITPub博客

首页 > 移动开发 > HTML5 > 如何用手机测试自己写的web页面

如何用手机测试自己写的web页面

原创 HTML5 作者:千锋HTML5学院 时间:2019-06-11 17:37:12 0 删除 编辑


  手机测试自己写的web页面方法有很多,在这里稍微介绍一种,步骤如下

  1 首先安装软件phpstudy,安装后打开如图

   3e071384806f4d588df86c449299dde3.png

  2 启动phpstudy

   01aff50dd4364d38ae06f30298ebb561.png

  3 启动成功后,如图所示(注意:如果此处两个点没有变成绿色表示环境有些问题)

   3389f46dbd8844cdafe7ba7641bed572.png

  4 电脑开启wifi  ,然后手机连上电脑的wifi,这一点很重要哦 (注意:保证手机和电脑在同一个局域网下)

  5 phpstydy安装后,找到安装路径,并在路径下找到WWW目录,删除里面的三个文件夹,注意不是把WWW删除,而是把WWW里面的文件删除,删除后如图所示

   2a6944bc470c46fd94fc96a785ed1b46.png

  6 打开浏览器,输入localhost或者电脑的IP地址,如图所示

   360946f051414ef8a83e9e1c6967fcda.png

   ef6f9840a61a403bb98dcc4884055ec9.png

  7 把自己写的web页面放在WWW目录下面

   710572302fd34fa58c92e71b98626b07.png

  8 刷新浏览器,会看到我们写好的web页面哦

   4c0c0a04f3d247af80f3892d95f0c06b.png

  9 然后直接点击页面就可以打开预览

  10 打开手机浏览器,输入电脑的IP地址,同样可以进入和电脑一样的界面,那么手机就能轻松的访问WWW目录下的所有文件了,并且只要修改了WWW目录下的文件,手机只需要刷新就可以同步看到效果哦


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69917019/viewspace-2647333/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-18

  • 博文量
    49
  • 访问量
    45827