很多站长朋友们都不太清楚手机怎么看页面html5，今天小编就来给大家整理手机怎么看页面html5，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 用html5写的静态页怎么在手机上看 2、 怎么在手机上查看自己做的html5页面 3、 HTML5网页如何在电脑端和手机端都全屏显示？ 4、 如何用Android手机看html5的高清视频？ 5、 如何在移动设备上调试html5开发的网页 用html5写的静态页怎么在手机上看建议使用bootstrap的标签创建页面，因为那个框架有专门显示在手机上的页面标签和模板，可以直接就用。
如果不用，建议你用css3的标准，限定页面显示的大小，因为手机的分辨率就那么几种，要能适配相应的屏幕，就要用css3来适配。这个跟pc最大的不同。
怎么在手机上查看自己做的html5页面给自己的电脑设置一个局域网内的动态ip，比如：192.168.1.5
电脑安装了如xampp之类的服务器运行环境，
将做好的页面放到安装目录下，
手机输入192.168.1.5/+目录，或者用浏览器生成二维码功能，直接扫码。
HTML5网页如何在电脑端和手机端都全屏显示？HTML5网页在电脑端和手机端都全屏显示的步骤如下：
1、打开HTML5网页代码。
2、在网页头部加上新代码，让网页的宽度自适应设备的宽度。代码如下：
<meta name="viewport" content="width=device-width
initial-scale=1.0
maximum-scale=1.0
minimum-scale=1.0
user-scalable=no" />
3、在输入代码完成后，把图片包括图片DIV 的宽度设置成百分之百即可。
如何用Android手机看html5的高清视频？具体教程如下：
1、首先需要安装opera mobile浏览器
2、在opera mobile浏览器的地址栏里输入“opera:config”，并点击回车进入。
3、进入opera的首选项调试界面，直接选择“user prefs”选项
4、进入“user prefs”之后，找到“ Custom User-Agent”，并在后方的输入框中输入“Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML， like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10”
5、输入完毕之后保存，重启opera mobile就能够观看HTML5高清视屏了。
如何在移动设备上调试html5开发的网页下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是，iOS平台只能用自带的Safari浏览器来调试，而Android平台也只能用google Chrome浏览器来调试。当然，我目前只发现这么两种手段，如果你还有其他方法可调试更多的浏览器，希望你能留言告诉我。
一、iOS + Safari
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。
2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单
3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台
3.调试网页
如上3.3图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来
二、Android + Chrome
1.设置手机
1.1【设置】>【关于手机】>【版本号（Build number）】，对版本号这一项连点7下就会提示“你已成为开发者”。
1.2 再返回【设置】>【开发者选项】>【USB调试】打开手机USB调试。
2.设置电脑（Mac）
这块比较麻烦，因为要装一下Android的SDK。
2.1 下载Android SDK，并解压，我把整个adt目录放在了 /Users/David/adt/ 这里。
2.2 设置环境变量 。打开终端在David路径下（形如 DaviddeMacBook-Pro:~ David$）输入 open .bash_profile，如果文件存在则会打开，如果不存在则再输入touch .bash_profile 创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ，关闭保存。最后在终端里输入 source .bash_profile 来更新环境变量使其生效。终端里输入 adb 出现命令帮助信息就是成功了。
2.3 在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。
3.链接电脑
3.1 在手机上的Chrome里打开想要调试的网页，用数据线连接手机和电脑（我的是Mac。唉～我只是强调平台的不同，不要误会）。
3.2 打开电脑上的Chrome，在地址栏里输入 about:inspect 选中 【Discover USB Devices】前面的复选框
4.调试网页
4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】，或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表
4.2 点击上图中的网站缩略图，就会跳转到Google的一个代理链接（链接可能被墙……，挂代理）就会打开如下图所示的控制台
4.3 这就和电脑上网页调试没什么差别了，鼠标经过DOM节点，手机上的布局同样也会高亮起来
关于手机怎么看页面html5的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于手机怎么看页面html5 手机html5浏览器的详细内容...