整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
.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.規(guī)定元素的上下文菜單。該菜單會在用戶點擊右鍵點擊元素時出現(xiàn)。
B.規(guī)定元素內(nèi)容是否是可編輯的。
C.從服務(wù)器升級內(nèi)容。
D.返回內(nèi)容在字符串中首次出現(xiàn)的位置。
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.顯示數(shù)據(jù)庫記錄
B.操作 MySQL 中的數(shù)據(jù)
C.繪制圖形
D.創(chuàng)建可拖動的元素
16.哪個 HTML5 內(nèi)建對象用于在畫布上繪制？（）
A.getContent
B.getContext
C.getGraphics
D.getCanvas
17.在 HTML5 中，哪個屬性用于規(guī)定輸入字段是必填的？（）
A.required
B.formvalidate
C.validate
D.placeholder
18.哪種輸入類型定義滑塊控件？（）
A.search
B.controls
C.slider
D.range
19.哪種輸入類型用于定義周和年控件（無時區(qū)）？（）
A.date
B.week
C.year
20.哪個 HTML5 元素用于顯示已知范圍內(nèi)的標量測量？（）
A.<gauge>
B.<range>
C.<measure>
D.<meter>
請將你的答案寫在留言區(qū)。^_^
機、平板燈手持設(shè)備的增多，網(wǎng)站要順應(yīng)變化，就必須要做響應(yīng)式開發(fā)，響應(yīng)式網(wǎng)站最大的特點在于可以在不同設(shè)備下呈現(xiàn)不同的布局，是基于html5+css3技術(shù)，目前越來越多的網(wǎng)站開始采用了響應(yīng)式設(shè)計，而下面15款工具可以方便測試你的html5響應(yīng)式效果。
Responsinator
http://www.responsinator.com/
Responsinator提供了大家在不同設(shè)備viewport下查看網(wǎng)站效果的特性，提供了iphone，android，ipad，kindle及其多種設(shè)備上的預(yù)覽效果，你可以方便的看到需要支持的設(shè)備的響應(yīng)式設(shè)計效果圖。
Responsive.is
http://responsive.is/
responsive提供了5種設(shè)備下的預(yù)覽效果展示
Kuapingce
http://www.kuapingce.com/
跨屏測 取自“跨屏”+“評測”，結(jié)合在一起取名 跨屏測，網(wǎng)址是跨屏測的拼音 ，創(chuàng)建于2015年12月。它是國內(nèi)首個致力于跨屏幕響應(yīng)式測試的工具類的產(chǎn)品，目的是為了幫助你查看你的網(wǎng)站的跨屏幕（響應(yīng)式）效果，跨屏測收集了主流屏幕的尺寸大小，方便你快速了解網(wǎng)站在不同設(shè)備下的樣子。
Responsive Web Design Testing Tool
http://mattkersley.com/responsive/
類似responsivator，但是界面更簡單
Responsivepx
http://responsivepx.com/?m.gbin1.com#1035x480&scrollbars
允許你用拖動的方式來修改窗口大小，模擬不同的設(shè)備屏幕
screenqueri.es
http://screenqueri.es/
它支持localhost本地方式測試你的應(yīng)用或者網(wǎng)站。
Aptus
https://itunes.apple.com/gb/app/aptus/id510487565?mt=12
一個工具類的瀏覽器，可以幫助你測試響應(yīng)式設(shè)計
Bricss
http://www.benjaminkeen.com/open ... design-bookmarklet/
一個幫助你測試響應(yīng)式的書簽，你可以方便的整合到你的瀏覽器里
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種設(shè)備的在線響應(yīng)式設(shè)計測試工具，并且還提供相關(guān)開發(fā)的設(shè)計圖和文檔。
ViewPort Resizer
http://lab.maltewassermann.com/viewport-resizer/
另外一個書簽式的工具
Jresizer
http://www.toddmotto.com/jresize ... ponsive-development
一個jQuery的響應(yīng)式開發(fā)工具插件，幫助你創(chuàng)建響應(yīng)式的窗口，方便你的開發(fā)和設(shè)計流程
Resize My Browser
http://resizemybrowser.com/
一個簡單的幫助你創(chuàng)建指定寬高新開窗口的web工具
juicer
http://juicecreative.co.uk/juicer/website/index.php
一個在線的展示響應(yīng)式的工具，支持iphone，android等設(shè)備的顯示，帶有實物圖。
ish
http://bradfrostweb.com/demo/ish/
一個比較新的在線查看響應(yīng)式效果的web工具，支持不同尺寸的展示。
原文地址：http://bbs.qietu.cn/forum.php?mod=viewthread&tid=15059
擊上方頭像關(guān)注我，每周上午 09:00準時推送，每月不定期贈送技術(shù)書籍，小窗口回復(fù)“資源”、“測試工具包”領(lǐng)取測試資源。
本文2186字，閱讀約需7分鐘
Hi，大家好。是否有時候感覺微信內(nèi)點擊H5鏈接打開網(wǎng)頁比較慢，要等一會兒才能加載出來，但在瀏覽器就打開卻很流暢。
你可以傻傻的以為是自己手機網(wǎng)速的問題，或者是網(wǎng)站本身的問題。這些原因都可能有，但主要原因跟微信瀏覽器內(nèi)置的 X5 內(nèi)核有關(guān)。
瀏覽器通常使用 Android 原生的 Webview 內(nèi)核，微信使用的是內(nèi)置X5內(nèi)核。微信使用 X5 內(nèi)核主要是解決兼容性問題，理論上 Android 原生的 WebView 性能更強更快。我們可以通過微信TBS 調(diào)試頁面啟用原生 WebView 支持來查看，結(jié)合Chrome inspect可以方便定位并調(diào)試HTML5輕應(yīng)用頁面的問題。
一
TBS調(diào)試頁設(shè)置
1）打開企業(yè)微信中任意一個聊天框，輸入 debugtbs.qq.com，點擊鏈接進入TBS調(diào)試頁面。
TBS調(diào)試頁面打開如下，此時「內(nèi)核未被禁用」默認開啟：
2）點擊關(guān)閉「內(nèi)核未被禁用」，確認「重啟」。
3）再次點擊 debugtbs.qq.com 鏈接進入「TBS 調(diào)試頁面」，點擊「清除 TBS 內(nèi)核」。
點擊「查看版本信息」，內(nèi)核版本信息顯示 0 ，null 證明修改成功。
通過上述設(shè)置操作后，即可切換到系統(tǒng)WebView內(nèi)核中，如果想利用Appium或者Airtest測試工具做App UI自動化，也能正常的獲取到微信小程序，H5或者微信公眾號菜單中H5頁面元素。
二
Android端手機設(shè)置
手機的開發(fā)者權(quán)限默認是關(guān)閉的，此時多次點擊版本號，如華為手機快速點擊7次就會開啟開發(fā)者模式。
接下來，打開 「設(shè)置」 - 「系統(tǒng)和更新 」- 「開發(fā)人員選項」，開啟開發(fā)人員選項，再打開「 USB 調(diào)試」。（華為系統(tǒng)設(shè)置步驟，其他廠商自行百度）
注意要同時打開上圖的這兩個選項，否則USB調(diào)試又會關(guān)閉。
電腦上安裝91手機助手或者360手機助手，一般手機都會由91或360手機助手自動安裝驅(qū)動。手機驅(qū)動若未安裝成功，根據(jù)機型到手機官網(wǎng)下載相應(yīng)驅(qū)動。驅(qū)動安裝成功后，將 Android 手機通過USB數(shù)據(jù)線連接到電腦上，這時候手機會提示 USB 連接方式，選擇「傳輸文件」方式。
三
電腦端調(diào)試
打開電腦上的 chrome 瀏覽器，在地址欄中輸入 chrome://inspect，可以在面板上看到連接的手機設(shè)備（如果沒有顯示手機設(shè)備，請檢查電腦的Android環(huán)境，可能是 adb 有問題）。
選擇要調(diào)試的頁面，點擊 inspect 按鈕，點擊之后將會打開一個包含瀏覽器調(diào)試控制臺的新頁面。
如果出現(xiàn)當前頁面，就說明已正常。如果窗口能打開，但界面出不來，估計你被墻了，因為這個調(diào)試功能需要請求谷歌的接口，獲取手機設(shè)備對應(yīng)的調(diào)試包，解決方案就是科學(xué)上網(wǎng)，或者公司有時候開著科學(xué)上網(wǎng)，可以訪問部分網(wǎng)站。如果出現(xiàn)白屏，還需要進行如下配置。
方法一：清除緩存
瀏覽器中訪問 chrome://appcache-internals/#，會看到緩存界面，將所有條目 Remove。如果這個方法沒有解決白屏問題，使用方法二。
方法二：hosts 文件中添加如下內(nèi)容（方法二親測有效）：
173.252.100.21 chrome-devtools-frontend.appspot.com
31.13.82.17 chrometophone.appspot.com網(wǎng)上還有其他相關(guān)的方法，如下載其他版本的Chrome瀏覽器，可以嘗試一下。
使用該調(diào)試技巧，調(diào)試移動端中自身開發(fā)的Hybrid APP、微信、QQ、抖音等打開的頁面，就像在電腦Chrome調(diào)試一樣方便。
更多系列文章
敬請期待
我
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
