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