html5页面如何真机测试，h5页面怎么在手机测试

我用html5做的手机页面在iphone上测试时字体和电脑上一样,不自动缩放呢...

点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法：在全屏页用两指缩小手势（不是下滑或点“x”，即刻退出全屏并继续播放视频。

用iphone调试html5页面的方法如下：打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

第一种，伪“感应式”设计：（HTML5模板类方案）上图是HTML5模板类测试结果，依次是iPhoneiPhoneiPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了。

导航设计 手机端页面导航应当包括用户必要的内容，删除屏幕上不必要的链接，假如链接的详细页面内容不是用户想要的，用户不会点击，也就没必要设置。其中建立导航功能键的时候，其中以回到首页、回到上一页这两个最为重要。

如果屏幕宽度在400像素以下，则6张图片分成三行。mediaqueri.es上面有更多这样的例子。这里还有一个 测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装。

相关问答

Q1: 我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的...

点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法：在全屏页用两指缩小手势（不是下滑或点“x”，即刻退出全屏并继续播放视频。

建议先下载，现在那些优酷，土豆，酷六的都有自己的下载软件程序。用优酷的，下载后自己用其他播放器播放。

用iphone调试html5页面的方法如下：打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

video/mp4Your browser does not support the video tag./video 你在苹果移动设备中，如果是用谷歌浏览器（Chrome）那么这三种格式的视频都可以播放，如果使用IOS自带的Safari浏览器，那么只支持MPEG4格式的视频。

Q2: 我想用手机测试自己写的web页面,该怎么做

1、用浏览器打开手机才能打开的网页地址，如图所示，发现显示浏览器有问题。 这时选择按F12键调出开发窗口 这个就是开发调试页面。 然后点击右侧的手机转电脑页面图标。 再次刷新页面，现在电脑浏览器就可以看到手机页面了。

2、点击inspect打开DevTools后，你可以选中页面中的DOM元素，同时设备中对应元素也高亮显示，也可使用DevTools中的Inspect Element 选中目标元素，可以实时与移动设备页面交互，方便的定位问题所在，进行代码调试，就能像pc端一样愉快的玩耍了。

3、打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。

4、第一步：连接电脑与手机 手机打开“开发者选项”安卓手机进入“设置”—“关于手机”— 在“版本号”上点7次（或其他的版本号位置，一个个试肯定有……）然后“开发者选项”就出现在“设置”里面了。

Q3: html5页面的浏览器兼容性测试工具有哪些?

火狐浏览器：一般都是最新版本Opera浏览器现在一般用户使用ieieie8较多，但是国际使用火狐比较多所以我们在检查开发出css网站兼容性还是要考虑到火狐浏览器Firefox。

Chrome（谷歌浏览器）、Safari、Opera等；国内的傲游浏览器（Maxthon）、以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

▲Chrome浏览器 ▲Google V8 Benchmark测试 HTML5 兼容性 HTML5似乎已经成为目前浏览器的主流标准协议，包括IEChrome、Opera、Safri，以及国内大多主流的浏览器都支持HTML5标准。

一种方法是人工测试即全手工测试兼容性，第二种方法是借助于第三方兼容性测试工具，第三种是采用兼容测试服务商，比如国内做的比较好的Testin云测。SpoonBrowserSandbox点击你需要测试的浏览器环境，安装插件就可以进行测试了。

ptext/p /section /div 很多浏览器（比如Firefox 6和Safari4）解析的时候都会将div作为最外层的元素，然后div里面是一个识别不了的元素（section），它会在DOM中创建，并被作为一个行内元素存在。

Q4: 在线html生成-如何在移动端上,也就是在手机上开发HTML?

简单的html网页可以直接利用文本编写的，无需下载特定编辑器。 在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为最简单网页，只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。

打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。

KendoUIKendoUI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

在手机端打开 HTML 源代码有几种方法，下面列出了其中的几种常见方法： 使用浏览器开发者工具：大多数移动设备的现代浏览器都提供了开发者工具，类似于桌面浏览器的开发者工具。

有许多方法可以在手机上开发网页。目前，html5的发展还不够平衡，导致主要浏览器对h5的支持不尽人意。但是，其添加了@media属性（属于css3，html5和css3的名称在这里没有严格区分，实际上，是两种不同的技术）。

iOS + Safari 打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

Q5: 如何制作关于测试的H5页面

1、在H5页面制作中，修改好你想要的内容，然后点击页面右上角的保存，发布。就完成设置了。

2、首先，准备一个H5的制作工具，自行在百度搜索一下，这里以IH5为例，先注册一个账号，如下图所示。然后，在注册的页面中，填写手机号、密码等信息后登录账号，如下图所示。

3、确定需求：首先，要明确制作H5的目的和需求，确定要传达的信息、所要展示的内容和交互效果等。规划结构：根据需求，设计网页的整体结构和布局。可以使用工具如Axure、Sketch等进行原型设计，或直接在纸上绘制草图。

4、怎样制作一个H5页面？1/6分步阅读 在网络上搜索H5制作工具，下面会出现很多的H5页面制作工具，选一个简单好用的。（如图一所示）2/6 点击进入到制作工具的官网，点击注册登录。

5、/6分步阅读 在网络上搜索H5制作工具，下面会出现很多的H5页面制作工具，选一个简单好用的。（如图一所示）2/6 点击进入到制作工具的官网，点击注册登录。

关于html5页面如何真机测试和h5页面怎么在手机测试的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。