寫好的網頁要測試...到底要測試哪些東西？

相信您聽過不只一個人說「測試乃品質之母」。很可惜的是，國內的網頁設計師要不就是知道但懶得測，要不就是根本不知道要測什麼。這篇文章特別把一個網站到底要測試哪些東西，非常詳細地列出來。很值得網頁設計師與專案經理參考喔！

一個做好的網站，應該測試下列項目：

1. 功能性測試（Functionality Test）
1-1. 測試所有連結：包含外連、內連、同頁連結、E-mail 連結、有無「孤兒頁面」（完全沒有連結可以抵達該頁的頁面）等。
1-2. 測試所有表單：所有輸入框是否會驗證輸入值正確與否（如：年齡輸入『負數』就不對了）、是否有預設值...等。
1-3. 測試所有 Cookie：瀏覽器關閉或打開 Cookie 時運作是否如預期、Cookie 寫入時是否加密、使用者可否繞過 Cookie 進入系統區等。
1-4. 測試 HTML/CSS 語法是否合法正確。
1-5. 測試資料庫：新增、修改、刪除、搜尋您的資料庫，看看功能是否正常。

2. 易用度測試（Usability Test）
2-1. 瀏覽順暢度：各種導覽列、側邊欄功能是否正常？所有功能是否平均按三個鍵即可抵達該頁面？
2-2. 內容易讀性：內容是否有錯字？有沒有配色不當導致文字不易讀取？字體、圖片大小是否適中？
2-3. 其它易用度：是否有「搜尋」、「網站導覽地圖」、「使用手冊」等。

3. 程式介面測試（Interface Test）
3-1. 網站的程式介面：網站伺服器與其他伺服器（如：資料庫伺服器）之間的介面等。
3-2. 測試項目：是否伺服器間函數呼叫都正常運作？伺服器發出錯誤訊息會不會赤裸裸地顯示給使用者看？有無預防意外情況（如：另一個伺服器無回應）？

4. 相容性測試（Compatibility Test）
4-1. 瀏覽器相容性測試：用 IE、Firefox、Chrome、Safari 四大瀏覽器看看您所有的頁面正常否？
4-2. 作業系統相容性測試：在 Windows、Mac、Linux 三大作業系統瀏覽您的網站正常否？
4-3. 移動式設備瀏覽測試：使用 iOS (iPhone/iPad）、Android 瀏覽您的網站正常否？
4-4. 列印相容性測試：若支援列印功能，用 HP、Epson 兩大廠牌的印表機印印看正常否？

5. 效能測試（Performance Test）
5-1. 負載測試（Load Testing）：測試同一頁面可以讓多少人同時存取。
5-2. 壓力測試（Stress Testing）：測試系統超過負荷時，何時會崩潰？以及是否有能力從崩潰中回復？
5-3. 建議使用 jMeter 這套軟體做效能測試。

6. 安全性測試（Security Test）
6-1. 在不登入的情況下，直接輸入所有會員頁面的 URL，是否無法進入？
6-2. 用一般方法登入，是否有 htt://您的網址/?ID=123 這類 URL 出現？將 ID=123 手工改成 ID=124 是否可不輸密碼登入？
6-3. 故意在登入頁面輸入非法的 Username、Password，網站的反應是否如預期？
6-4. 直接輸入網站內的每個已存在目錄，如： http://網址/images，不應該把整個目錄內的檔案全數列出。
6-5. 是否有驗證文字的輸入框（CAPTCHA），防止駭客用「非人類」（即：程式碼）做登入動作？
6-6. 所有與安全相關的動作（權限修改、登入登出、登入失敗次數與 IP...），是否都有寫入「日誌（Log）」中？

如果您有哪一點看不懂，歡迎您留言討論。原文網址在此，供您參考：

http://www.codeforest.net/web-application-testing

#4K #ASUS #ZenFone7 #ZenFone7Pro #科技狗

▌建議開啟 4K 畫質 達到高品質觀影享受

別錯過啦 👉 http://bit.ly/2lAHWB4
Ping 值測試 & 開箱 👉 https://bit.ly/3lWEaNf

辛蒂第一次接觸華碩的翻轉手機，以為不過是噱頭而已，實際玩了一輪發現原來它的預設角度居然是有意義的！,,ԾㅂԾ,,

這次就跟著我們一起來看看，華碩新旗艦 ZenFone 7 的翻轉鏡頭可以怎麼玩、ZenUI 7 的新特色有什麼吧！

📷更多拍攝技巧：https://bit.ly/2SdmIGF


::: 章節列表 :::
【拍照技巧】
0:01 相機基本用法
0:43 鏡頭翻轉角度
1:18 重置翻轉角度
1:37 120 度拍廣闊天空
2:01 90 度拍長腿網美
2:23 30 度拍可愛低視角
2:43 全景拍攝
3:08 第三方 App 鏡頭翻轉
3:29 翻轉音效

【影音體驗】
3:53 螢幕色彩
4:10 更新頻率 90Hz
4:26 自訂遊戲精靈
4:57 應用分身

【ZenUI 7 技巧】
5:19 自訂通知列
5:36 桌面轉場特效
5:54 自訂風格
6:13 打造自己的 UI

【系統技巧】
6:48 導覽列設定
7:08 待機顯示通知
7:22 待機螢幕手勢
7:43 智慧快捷鍵
8:03 單手模式

8:29 最後總結


::: ZenFone 7 Pro 規格 :::
作業系統： ZenUI 7（基於 Android 10 ）
處理器：高通驍龍 Qualcomm Snapdragon 865+ 5G 處理器 八核心
記憶體與儲存空間：8GB（LPDDR5）+ 256GB（UFS3.1）

螢幕類型：6.67 吋 20 : 9 AMOLED（by Samsung）
螢幕占比：92% 螢幕占比
螢幕色域：105% NTSC 色域 / 支援 110 ％ DCI-P3
色彩精準度：Delta-E 小於 1
最大亮度：1000nits
螢幕更新頻率：90Hz
螢幕採樣頻率：200Hz
反應時間：1ms
螢幕解析度：2,400 x 1,080px（FHD+）

電池容量：5,000mAh（支援 30W QC4.0、PD 3.0）
無線充電：無

翻轉鏡頭：
1. 6,400 萬畫素廣角鏡頭 f/1.8（Sony IMX686）
2. 1,200 萬畫素超廣角鏡頭 f/2.2（Sony IMX363）
3. 800 萬畫素望遠鏡頭 f/2.4
相機功能：8K@30fps 攝影、最高 12X 變焦、夜景模式、專業錄影、4 軸 OIS 光學防手震

影音支援：立體聲動圈式喇叭（高通 Audio CODEC）、HDR10+
防水係數：無
藍牙：藍牙 V5.1（支援高通® aptX™ Adaptive）
NFC：有
Wi-Fi：Wi-Fi 6（支援 2.4 GHz / 5 GHz 雙頻段、Wi-Fi direct）
5G 頻段：NSA、SA、Sub-6
SIM 卡：雙卡雙待 5G + 4G Nano SIM
擴充記憶卡：最高 2TB MicroSD
生物辨識：側邊電源鍵整合指紋辨識、臉部辨識

重量：230g
尺寸：165 x 77.28 x 9.9mm
產品顏色：宇曜黑、煥彩白
建議售價：NT$27,990


::: ZenFone 7 規格 :::
作業系統： ZenUI 7（基於 Android 10 ）
處理器：高通驍龍 Qualcomm Snapdragon 865 5G 處理器 八核心
記憶體與儲存空間：6GB / 8GB（LPDDR5）+ 128GB（UFS3.1）

螢幕類型：6.67 吋 20 : 9 AMOLED（by Samsung）
螢幕占比：92% 螢幕占比
螢幕色域：105% NTSC 色域 / 支援 110 ％ DCI-P3
色彩精準度：Delta-E 小於 1
最大亮度：1,000nits
螢幕更新頻率：90Hz
螢幕採樣頻率：200Hz
反應時間：1ms
螢幕解析度：2,400 x 1,080px（FHD+）

電池容量：5,000mAh（支援 30W QC4.0、PD 3.0）
無線充電：無

翻轉鏡頭：
1. 6,400 萬畫素廣角鏡頭 f/1.8（Sony IMX686）
2. 1,200 萬畫素超廣角鏡頭 f/2.2（Sony IMX363）
3. 800 萬畫素望遠鏡頭 f/2.4
相機功能：8K@30fps 攝影、最高 12X 變焦、夜景模式、專業錄影

影音支援：立體聲動圈式喇叭（高通 Audio CODEC）、HDR10+
防水係數：無
藍牙：藍牙 V5.1（支援高通® aptX™ Adaptive）
NFC：有
Wi-Fi：Wi-Fi 6（支援 2.4 GHz / 5 GHz 雙頻段、Wi-Fi direct）
5G 頻段：NSA、SA、Sub-6
SIM 卡：雙卡雙待 5G + 4G Nano SIM
擴充記憶卡：最高 2TB MicroSD
生物辨識：側邊電源鍵整合指紋辨識、臉部辨識

重量：230g
尺寸：165 x 77.28 x 9.9mm
產品顏色：宇曜黑、煥彩白
建議售價：6GB / 128GB：NT$21,990、8GB / 128GB：NT$23,990


--------------------------------------
#華碩 #ASUS #ZenFone7Pro技巧 #ZenFone7技巧
#ZF7技巧 #ZF7Pro技巧
#翻轉手機 #旋轉手機 #高通S865Plus #5G手機

📖 Facebook：https://www.facebook.com/3cdog/
📖 Instagram：https://www.instagram.com/3c_dog/
📖 官方網站：https://3cdogs.com/
📖 回血賣場：https://shopee.tw/3cdog

▋ 有任何問題都來這邊找我們：3cdogs@gmail.com

你知道 Nokia 8.1 可以隱藏瀏海嗎？那下載 GCam 呢？還是說能夠臉部辨識呢？如果都知道，那應該不會點進來了 XD

Nokia 8.1 的話題從去年講到現在都不會膩，不管是蔡司認證雙鏡頭還是 Android one 系統，這次的十大教學主要針對 Nokia 8.1 獨有的部分，包含 Google Camera 安裝、隱藏瀏海以及快速開啟 Google 相機，就讓我們做給你看吧！


00:42 1.改回虛擬按鍵導覽列
01:07 2.開啟電源百分比
01:34 3.多位使用者
02:03 4.移除 Google 給的建議跟頁面
02:55 5.安裝 Google Camera
03:40 6.快速開啟 Google 相機
04:26 7.隱藏瀏海
05:06 8.加快過場速度
05:43 9.臉孔辨識
06:22 10.好用手勢

GCAM 下載連結：
http://bit.ly/2FPJC1A

大家有問題及意見也歡迎留言告訴我們唷！！

【背景音樂】
Feel by LiQWYD https://soundcloud.com/liqwyd
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
http://creativecommons.org/licenses/b...
Music promoted by Audio Library https://youtu.be/iKYGTTaj9oo

＝＝
#Nokia8.1 #Gcam #使用教學

科技狗 3C Dog 的播放分類清單：
【科技狗詳細評測】 ：http://bit.ly/2xF87fm
【科技狗開箱上手】 ：http://bit.ly/2xIbYZ9
【科技狗使用技巧】 ：http://bit.ly/2xKyrVG
【科技狗實地探訪】 ：http://bit.ly/2Js0sXr


我們的影片充滿很多主觀心得、乾爹業配，我不會跟你說其實很多產品我們都自己買又認賠把二手賣掉。

內容也跟嚴謹的評測沒有關係。如果你討厭我們的影片，絕對不要訂閱按鈴噹！

科技狗 3C Dog 的粉絲專頁：https://www.facebook.com/3cdog/
科技狗 3C Dog 的官方網站：https://3cdogs.wordpress.com/
科技狗 3C Dog 的 Instagram：https://www.instagram.com/3c_dog/
科技狗 3C Dog 的拍攝測試機回血賣場：https://shopee.tw/3cdog
科技狗 3C Dog 信箱：3cdogs@gmail.com

跨平台APP開發使用Visual Studio2015與PhoneGap(第6次模擬器設置&導覽列&動態顯示相片&撰寫註冊事件與上下頁&將更新jquery.mobile145&如何讓APP有左右播頁換頁效果)

上課內容：
01_上星期重點回顧與模擬器設置
02_206APP的導覽列
03_206APP的動態顯示相片說明
04_撰寫註冊事件與上下頁方法
05_如何將更新jquery.mobile145
06_如何讓APP有左右播頁換頁效果

完整影音
https://www.youtube.com/playlist?list=PLCfL1sBZ2_SSIVNZatyX80Vk3-gjmtx5j

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap