很多前端开发，在做手机端的页面/html5页面的时候，PC端开发完成后，想在手机端测试开发的页面效果，特效等，还需要去找后台技术帮忙，很是麻烦，网上也有很多教程使用很多工具来实现，如Chrome、UC开发版、Opera浏览器等等，但是手机端的触摸、多点触控、长按等无法测试，那么下面告诉大家如何使用真实的手机，快速调试手机页面/html5页面。不懂技术也可以！

工具/原料

  • PC一台、手机一部
  • XAMPP软件

方法/步骤

  1. 先去XAMPP官网下载适合自己的XAMPP版本，支持Mac、Windows、Linux。

    自行百度XAMPP，到官网下载即可，链接贴不上来。

  2. 下载完成后，双击安装XAMPP到PC上，一路next即可，不懂英文也没事。

    安装过程中，有一个路径的选择，建议把XAMPP的根目录，定义到D盘或者E盘等，默认是C盘的根目标下。

  3. 安装完成后，打开XAMPP，有一个Apache的功能，后面会有一个start，点击start等待3~5秒后即可，其他功能不需开启。

  4. 然后将在PC上制作的html5或手机页面文件夹，放到XAMPP文件夹中的htdocs文件夹中。

  5. 5

    查看本机的局域网IP地址，如：192.168.1.100，然后手机连接到与PC同一个路由器中，在手机的浏览器中打开 IP/example(您的项目目录)/index.html 即可进行调试。

  6. 6

    使用完毕，直接点XAMPP控制台中的Stop，关闭Apache服务即可。

转载于:https://www.cnblogs.com/gson/p/6171915.html

不懂技术系列--如何快速调试html5页面/手机页面相关推荐

  1. 移动html5 滑动 zepto,GitHub - webzhongwang/zepto.easyh5: 快速开发html5移动应用页面

    zepto.easyh5 快速构建html5移动应用 功能介绍 实现移动端的单页全屏滚动,参数自定义,预定义移动端开发常用的CSS3动画. 依赖包 在线演示 安装 项目克隆 git clone git ...

  2. html5移动手机页面怎么做自适应-来自于三人行慕课

    原文链接:https://www.3mooc.com/front/articleinfo/134 移动端页面做自适应其实有很多方法,留心的小伙伴可以观察2个网站就完全可以做了,一个是淘宝一个是网易,在 ...

  3. html5清除手机页面缓存文件夹,WebView自动缓存-清除缓存

    iOS的Webview加载HTML时会自动缓存JS.CSS等文件,当下次加载HTML时会根据请求的缓存策略是否使用缓存本地的JS和CSS,如果本地有缓存,那么直接返回本地资源(判断是否过期):如果没有 ...

  4. 火狐与Chrome浏览器的移动端调试模式（手机页面、自适应）

    2019独角兽企业重金招聘Python工程师标准>>> 火狐 F12 进入开发者模式 或者 Chrome(以及其他同内核浏览器,例如QQ浏览器) F12 进入开发者模式 分辨率 10 ...

  5. 应用之星带你玩转H5页面和app开发，不懂技术的看过来

    智能手机更新换代日新月异,其功能已经满足我们的日常需求了,那么手机内的应用程序是不是还没有彻底满足你的个性化需求?没有一款按照你意愿发展的app?如果是的话,那么恭喜你,今天的这篇文章就是为你而准备. ...

  6. html网页页面制作用到了什么技术,技术干货｜常用的HTML5网页制作软件，这些你有在用吗？...

    原标题:技术干货|常用的HTML5网页制作软件,这些你有在用吗? 1.Sublime Text Sublime Text是一个跨平台的代码编辑器,同时支持Windows.Linux.Mac OS X等 ...

  7. VisualGDB系列10：快速调试Linux应用程序

    根据VisualGDB官网(https://visualgdb.com)的帮助文档大致翻译而成.主要是作为个人学习记录.有错误的地方,Robin欢迎大家指正. 本文介绍如何快速调试GCC构建的Linu ...

  8. 携程无线工程技术系列——从零打造携程无线持续交付平台 MCD 实践

    作者简介:携程无线基础工程团队高级经理,负责无线交付平台和基础服务研发.十多年的互联网从业经验,曾供职于 eBay 等互联网公司,研发经验丰富. 导语:携程 App 几乎承载着整个集团的所有业务形态, ...

  9. css-3秒（大概吧...）快速撸出YY游戏页面（三）

    有哪里不懂的,请在下面留言,我每天都看,有时间我会一一解答,看评论区也许有人提出了跟你同样想问的问题,可以看看我给出的回答,不用重复提问. css-3秒(大概吧...)快速撸出YY游戏页面(一) cs ...

最新文章

  1. (网页的缓存控制)HTML配置no-cache(备忘) “Cache-control”常见的取值
  2. Fiddler抓包使用教程-过滤
  3. [导入]微软研究院Detour开发包之API拦截技术
  4. 网易笔试——混合颜料
  5. EntityFramework之摸索EF底层（八）
  6. sklearn综合示例5：多分类分类器
  7. 第三次学JAVA再学不好就吃翔(part24)--构造方法
  8. Java开发中遇到具有挑战的事_Java并发编程的挑战：遇到的问题及如何解决
  9. Android 系统（171）---OrmLite数据库框架，Picasso框架，Okio框架，OKHttp框架
  10. python踩坑记录篇，持续更新
  11. awg线径与电流_AWG电流线径对照表
  12. Unity接入华为SDK
  13. TVP5150视频解码芯片 调试总结
  14. Java个人资产管理系统问题总结
  15. 抓包工具 - HttpWatch（功能详细介绍）
  16. Centos7 SGE安装部署
  17. 看看同一种字体是如何对应不同的字体文件的
  18. 简单介绍下微信群大全500人大群及免费微信互投群万人群
  19. 测控仪器专业权威期刊
  20. 【图解算法】排序算法——快速排序

热门文章

  1. How to Convert Array to ArrayList in Java?
  2. ibatis主键自动生成
  3. 创业公司CEO每天应该做的13件事
  4. ASP条件语句之IF语句
  5. IE问题解决方法汇总
  6. 可观察性驱动开发，探索未知之地
  7. 天猫双十一这十年：从“人肉云计算”到“脉冲计算”经历了什么
  8. 20180517早课记录12-Hadoop
  9. 如何屏蔽ctrl + v 粘贴事件，鼠标右键粘贴事件
  10. WEB测试—用户界面测试