網站實用程式

第十篇
yourbrowser.is 顯示瀏覽器完整資訊

適合程度: 初學者 一般程度 進階者 以上均宜

壹、報導前言:
以往我們會在網頁內安插 JavaScript 偵測程式碼,來取得使用者當前瀏覽器各種狀況。
除了使用相關程式來記錄訪客資料外,你似乎無法順利得知客戶的目前瀏覽器各種狀況?
身為網頁製作與設計者,難免需要協助客戶解決無法瀏覽網頁頁面或出現錯誤狀況處理。
一般訪客或電腦、手機使用者,你問他使用那種瀏覽器都可能無法回答你?更何況版本?
慶幸的是 yourbrowser.is 可輕易的顯示並提供瀏覽器完整資訊給你,解決原本困擾問題。
它的最大好處是,除了輕易顯示客戶端的瀏覽器完整資訊外,更能將此資料透過信件寄給。
更難得的是,如果你註冊成為他們的會員,可取得自己獨立的次網域專屬網址並加上 Logo。
本報導資料來源取自 yourbrowser.is 網站,感謝提供免費服務,其版權等為該公司所有。

貳、關於 yourbrowser.is:
yourbrowser.is 網站可以快速幫你檢查客戶端當前瀏覽器各種設定狀況。
這項服務是完成免費,他們承諾除了在網頁底部有一則廣告外,不會做任何廣告宣傳。
註冊成為該站的會員,就可取得自己獨立的次網域專屬網址,並加上自己的網頁標誌。
以下就是我註冊後取得的次網域專屬網址及專屬標誌頁面。

http://webpage.yourbrowser.is/


參、檢測功能:
瀏覽器的類別和版本,包括手機、平版電腦瀏覽器。
顯示用戶的地理位置及索引地圖。
偵測 FB 等社交網站登入狀況。
螢幕解析度和瀏覽器視窗大小。
支援 Flash 的狀態和版本。
支援 JavaScript 的狀態。
檢查 Cookies 是否開啟。
顯示用戶的 IP 地址。
手機等移動設備內容。
作業系統和版本。
顏色位元。


肆、如何註冊:
註冊一個新的 yourbrowser.is 網站帳戶,非常簡單。
只要填寫一個信箱與密碼,將我不是機器人(I am not a bot)打勾。
按下 register 按鈕,系統就會自動寄一封確認信給你。
收到確認信按下此文字下的超連結網址即可。
Please click the link below to complete the registration process.

伍、設定次網域:
註冊完成後,登入到 yourbrowser.is 網站,第一件事請先完成次網域設定工作。
請按一下 Settings 連結,然後在下面的 your subdomain within our domain: 內。
.yourbrowser.is 前填入你想取的英數名稱,如:webpage.yourbrowser.is 次網域網址。
接下來請在 your logo URL (optional): 空格內,填入欲顯示的專屬頁面圖檔絕對路徑。
確定後,按下 save settings 按鈕,你的次網域網址將會變成如下樣子。

陸、其他重要設定:
接下來請圈選下面這兩個選項:前者會立即傳送資料給你,後者必須經由客戶點擊同意後才會送出(建議)。
send user data instantly upon loading the page or ask users if they agree to have their data sen
你也可以選擇欲傳送的檔案格式為 HTML 或純文字檔 (send reports as HTML(建議) or as plain text)。
確定後,按下 save settings 按鈕,將此設定存檔生效。

柒、產生鏈結碼:
因為你看不到客戶的電腦或手機畫面,所以你必須請他將此畫面顯示資訊寄給你。
給客戶電子信箱不如給他專屬鏈結網址,除了看起來比較專業外,也更容易取得。
用你申請到的帳號與密碼登入 yourbrowser.is 網站,點選 Generate link 網址。
如果一個不夠用?你可以一次設置多組鏈結碼,只要按下 add another variable 即可。
在每一段的 variable name: 及 variable value: 內,填入你欲給客戶的代名及值。
如果你想保留這個設定值,將 remember the above for my future links 打勾即可。
確定後按下 generate my llink 按鈕,鏈結碼就會產生於下面的 Your link 及 Your short link。

捌、傳送與接收:
在產生鏈結碼處點擊 (copy to clipboard),然後貼到欲寄送給客戶的任何通訊聯繫工具內即可。
記得請客戶收到此碼後,點擊進入欲開啟的瀏覽器網頁,第一列的第二個小視窗會顯示一段以下文字。
Do you agree to send the following data about your browser configuration to us?
請客戶按下,下面的 yes 按鈕,系統便會立即將此畫面資訊寄送到你註冊時所指定的信箱中。
The following data about your browser configuration has just been sent to us by email.
如果你前面設定的是 send user data instantly upon loading the page...就不須此要求說明。

玖、如何取得:

拾、結論與建議: