Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
.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小時內與您取得聯系。