整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
.HTML5 之前的 HTML 版本是什么？（）
A.HTML 4.01
B.HTML 4
C.HTML 4.1
D.HTML 4.9
2.HTML5 的正确 doctype 是？（）
A.<!DOCTYPE html>
B.<!DOCTYPE HTML5>
C.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
3.在 HTML5 中，哪个元素用于组合标题元素？（）
A.<group>
B.<header>
C.<headings>
D.<hgroup>
4.HTML5 中不再支持下面哪个元素？（）
A.<q>
B.<ins>
C.<menu>
D.<font>
5.HTML5 中不再支持下面哪个元素（）
A.<cite>
B.<acronym>
C.<abbr>
D.<base>
6.在 HTML5 中，onblur 和 onfocus 是：（）
A.HTML 元素
B.样式属性
C.事件属性
7.用于播放 HTML5 视频文件的正确 HTML5 元素是：（）
A.<movie>
B.<media>
C.<video>
8.用于播放 HTML5 音频文件的正确 HTML5 元素是：（）
A.<mp3>
B.<audio>
C.<sound>
9.在 HTML5 中不再支持 <script> 元素的哪个属性？（）
A.rel
B.type
C.src
10.在 HTML5 中，哪个方法用于获得用户的当前位置？（）
A.getPosition()
B.getCurrentPosition()
C.getUserPosition()
11.新的 HTML5 全局属性，"contenteditable" 用于：（）
A.规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。
B.规定元素内容是否是可编辑的。
C.从服务器升级内容。
D.返回内容在字符串中首次出现的位置。
12.在 HTML5 中，contextmenu 和 spellcheck 是：（）
A.HTML 属性
B.HTML 元素
C.事件属性
D.样式属性
13.在 HTML5 中，您能够直接将 SVG 元素嵌入 HTML 页面中。（）
A.正确
B.错误
14.由 SVG 定义的图形是什么格式的？（）
A.CSS
B.HTML
C.XML
15.HTML5 中的 <canvas> 元素用于：（）
A.显示数据库记录
B.操作 MySQL 中的数据
C.绘制图形
D.创建可拖动的元素
16.哪个 HTML5 内建对象用于在画布上绘制？（）
A.getContent
B.getContext
C.getGraphics
D.getCanvas
17.在 HTML5 中，哪个属性用于规定输入字段是必填的？（）
A.required
B.formvalidate
C.validate
D.placeholder
18.哪种输入类型定义滑块控件？（）
A.search
B.controls
C.slider
D.range
19.哪种输入类型用于定义周和年控件（无时区）？（）
A.date
B.week
C.year
20.哪个 HTML5 元素用于显示已知范围内的标量测量？（）
A.<gauge>
B.<range>
C.<measure>
D.<meter>
请将你的答案写在留言区。^_^
机、平板灯手持设备的增多，网站要顺应变化，就必须要做响应式开发，响应式网站最大的特点在于可以在不同设备下呈现不同的布局，是基于html5+css3技术，目前越来越多的网站开始采用了响应式设计，而下面15款工具可以方便测试你的html5响应式效果。
Responsinator
http://www.responsinator.com/
Responsinator提供了大家在不同设备viewport下查看网站效果的特性，提供了iphone，android，ipad，kindle及其多种设备上的预览效果，你可以方便的看到需要支持的设备的响应式设计效果图。
Responsive.is
http://responsive.is/
responsive提供了5种设备下的预览效果展示
Kuapingce
http://www.kuapingce.com/
跨屏测 取自“跨屏”+“评测”，结合在一起取名 跨屏测，网址是跨屏测的拼音 ，创建于2015年12月。它是国内首个致力于跨屏幕响应式测试的工具类的产品，目的是为了帮助你查看你的网站的跨屏幕（响应式）效果，跨屏测收集了主流屏幕的尺寸大小，方便你快速了解网站在不同设备下的样子。
Responsive Web Design Testing Tool
http://mattkersley.com/responsive/
类似responsivator，但是界面更简单
Responsivepx
http://responsivepx.com/?m.gbin1.com#1035x480&scrollbars
允许你用拖动的方式来修改窗口大小，模拟不同的设备屏幕
screenqueri.es
http://screenqueri.es/
它支持localhost本地方式测试你的应用或者网站。
Aptus
https://itunes.apple.com/gb/app/aptus/id510487565?mt=12
一个工具类的浏览器，可以帮助你测试响应式设计
Bricss
http://www.benjaminkeen.com/open ... design-bookmarklet/
一个帮助你测试响应式的书签，你可以方便的整合到你的浏览器里
Izilla Media Query Debugger
http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html
这个js可以帮助你添加伪元素到body元素上用来侦测宽高 ，当然你也可以使用他们提供的bookmark：http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html
Screenfly
http://quirktools.com/screenfly/
支持4种设备的在线响应式设计测试工具，并且还提供相关开发的设计图和文档。
ViewPort Resizer
http://lab.maltewassermann.com/viewport-resizer/
另外一个书签式的工具
Jresizer
http://www.toddmotto.com/jresize ... ponsive-development
一个jQuery的响应式开发工具插件，帮助你创建响应式的窗口，方便你的开发和设计流程
Resize My Browser
http://resizemybrowser.com/
一个简单的帮助你创建指定宽高新开窗口的web工具
juicer
http://juicecreative.co.uk/juicer/website/index.php
一个在线的展示响应式的工具，支持iphone，android等设备的显示，带有实物图。
ish
http://bradfrostweb.com/demo/ish/
一个比较新的在线查看响应式效果的web工具，支持不同尺寸的展示。
原文地址：http://bbs.qietu.cn/forum.php?mod=viewthread&tid=15059
击上方头像关注我，每周上午 09:00准时推送，每月不定期赠送技术书籍，小窗口回复“资源”、“测试工具包”领取测试资源。
本文2186字，阅读约需7分钟
Hi，大家好。是否有时候感觉微信内点击H5链接打开网页比较慢，要等一会儿才能加载出来，但在浏览器就打开却很流畅。
你可以傻傻的以为是自己手机网速的问题，或者是网站本身的问题。这些原因都可能有，但主要原因跟微信浏览器内置的 X5 内核有关。
浏览器通常使用 Android 原生的 Webview 内核，微信使用的是内置X5内核。微信使用 X5 内核主要是解决兼容性问题，理论上 Android 原生的 WebView 性能更强更快。我们可以通过微信TBS 调试页面启用原生 WebView 支持来查看，结合Chrome inspect可以方便定位并调试HTML5轻应用页面的问题。
一
TBS调试页设置
1）打开企业微信中任意一个聊天框，输入 debugtbs.qq.com，点击链接进入TBS调试页面。
TBS调试页面打开如下，此时「内核未被禁用」默认开启：
2）点击关闭「内核未被禁用」，确认「重启」。
3）再次点击 debugtbs.qq.com 链接进入「TBS 调试页面」，点击「清除 TBS 内核」。
点击「查看版本信息」，内核版本信息显示 0 ，null 证明修改成功。
通过上述设置操作后，即可切换到系统WebView内核中，如果想利用Appium或者Airtest测试工具做App UI自动化，也能正常的获取到微信小程序，H5或者微信公众号菜单中H5页面元素。
二
Android端手机设置
手机的开发者权限默认是关闭的，此时多次点击版本号，如华为手机快速点击7次就会开启开发者模式。
接下来，打开 「设置」 - 「系统和更新 」- 「开发人员选项」，开启开发人员选项，再打开「 USB 调试」。（华为系统设置步骤，其他厂商自行百度）
注意要同时打开上图的这两个选项，否则USB调试又会关闭。
电脑上安装91手机助手或者360手机助手，一般手机都会由91或360手机助手自动安装驱动。手机驱动若未安装成功，根据机型到手机官网下载相应驱动。驱动安装成功后，将 Android 手机通过USB数据线连接到电脑上，这时候手机会提示 USB 连接方式，选择「传输文件」方式。
三
电脑端调试
打开电脑上的 chrome 浏览器，在地址栏中输入 chrome://inspect，可以在面板上看到连接的手机设备（如果没有显示手机设备，请检查电脑的Android环境，可能是 adb 有问题）。
选择要调试的页面，点击 inspect 按钮，点击之后将会打开一个包含浏览器调试控制台的新页面。
如果出现当前页面，就说明已正常。如果窗口能打开，但界面出不来，估计你被墙了，因为这个调试功能需要请求谷歌的接口，获取手机设备对应的调试包，解决方案就是科学上网，或者公司有时候开着科学上网，可以访问部分网站。如果出现白屏，还需要进行如下配置。
方法一：清除缓存
浏览器中访问 chrome://appcache-internals/#，会看到缓存界面，将所有条目 Remove。如果这个方法没有解决白屏问题，使用方法二。
方法二：hosts 文件中添加如下内容（方法二亲测有效）：
173.252.100.21 chrome-devtools-frontend.appspot.com
31.13.82.17 chrometophone.appspot.com网上还有其他相关的方法，如下载其他版本的Chrome浏览器，可以尝试一下。
使用该调试技巧，调试移动端中自身开发的Hybrid APP、微信、QQ、抖音等打开的页面，就像在电脑Chrome调试一样方便。
更多系列文章
敬请期待
我
*请认真填写需求信息，我们会在24小时内与您取得联系。
