網(wǎng)站設(shè)計(jì)

Website development

web開發(fā)的強(qiáng)大的帝國(guó)

發(fā)布時(shí)間：2017-01-03 09:57:56

TAGS：體驗(yàn)設(shè)計(jì),網(wǎng)站設(shè)計(jì),北京網(wǎng)站開發(fā)

這些天，作為一個(gè)開發(fā)者并不是一件容易的事。所有的任務(wù)和你已經(jīng)有了應(yīng)對(duì)的挑戰(zhàn)之一，你需要處理的錯(cuò)誤。這里的摩擦，大部分時(shí)間的錯(cuò)誤，特別是客戶端是終用戶提交的bug。我們看到這3個(gè)關(guān)鍵問(wèn)題：

1：大多數(shù)用戶不懂技術(shù)

這是真的，雖然我們不直接說(shuō)他們的，我們知道它。用戶知道什么是錯(cuò)的，因?yàn)樵摼W(wǎng)站是不是為他們工作，但他們不知道為什么，如何解決或如何報(bào)告。

試著問(wèn)你的祖母，例如什么是JavaScript。我相信這會(huì)是一個(gè)短對(duì)話。有些人不知道什么是瀏覽器。所以他們?cè)趺茨苷_描述問(wèn)題？

2：“我”的作品

由于不同的瀏覽器，標(biāo)準(zhǔn)和開發(fā)商，一個(gè)用戶可以看到完全不同的另一個(gè)網(wǎng)站的用戶。上次你連一個(gè)簡(jiǎn)單的網(wǎng)站的工作，很容易，在Chrome，F(xiàn)irefox和IE？

所以你可以想象的問(wèn)題，開發(fā)者需要讓用戶為了重現(xiàn)bug：

這是你設(shè)計(jì)的嗎？
你在做什么？
你選擇了錯(cuò)誤的東西嗎？
你加的街道地址的對(duì)嗎？
你登錄了嗎？

我相信你能想到其他人。但即使用戶報(bào)告的情況是正確的，有多少開發(fā)商，或QA，回應(yīng)：

它在我的機(jī)器上工作

這是經(jīng)常說(shuō)的那樣，你可以在亞馬遜買的T恤。對(duì)終用戶來(lái)說(shuō)，他們聽到的是：

你做錯(cuò)了什么。這不是網(wǎng)站，是你呀！

讓我們誠(chéng)實(shí)，它發(fā)生

3：終用戶沒有bug跟蹤系統(tǒng)經(jīng)驗(yàn)

大多數(shù)人誰(shuí)找到的bug不知道如何報(bào)道。盡管大多數(shù)公司和項(xiàng)目有豐富的文檔，解釋如何做，結(jié)果仍然是值得懷疑的。

但是我們說(shuō)我們把客戶從方程；什么超級(jí)大國(guó)將為開發(fā)者需要獲得所需的信息修正錯(cuò)誤，沒有問(wèn)任何人嗎？

他們?cè)趺茨軐?duì)客戶端的會(huì)話的概述，包括：
瀏覽器分辨率和版本
操作系統(tǒng)和安裝版
安裝瀏覽器插件
這實(shí)際上產(chǎn)生了錯(cuò)誤的步驟

他們?cè)趺茨芸吹酵ㄟ^(guò)用戶的眼睛，使他們能夠了解什么是錯(cuò)的。

我們能做什么呢？

老實(shí)說(shuō)，糟糕的是，大多數(shù)用戶報(bào)告錯(cuò)誤是發(fā)生在客戶端，在前端JavaScript。這是一個(gè)殘酷的，殘酷的地方，遠(yuǎn)離開發(fā)商試圖修復(fù)它們。

它會(huì)很棒的話，不知怎的，開發(fā)者可以有超級(jí)大國(guó)重復(fù)，沒有要求客戶做什么。

這里的解決方案——的usersnap控制臺(tái)記錄器。

你可以閱讀更多關(guān)于錄音機(jī)的營(yíng)銷嘰里咕嚕，但這里有一個(gè)簡(jiǎn)單的總結(jié)：

的usersnap控制臺(tái)記錄器保存每一種JavaScript錯(cuò)誤。你可以在usersnap儀表板瀏覽網(wǎng)頁(yè)開發(fā)者控制臺(tái)如果你使用你的用戶的瀏覽器

每一個(gè)錯(cuò)誤日志包含NTP同步時(shí)間戳，包括JavaScript源文件的全棧，行數(shù)和格式如開發(fā)者控制臺(tái)你已經(jīng)知道谷歌瀏覽器和Mozilla Firefox的愛

每一個(gè)調(diào)試日志發(fā)布console.log，console.info，console.warn或console.error完全格式化，包括遞歸對(duì)象/陣列格式和瀏覽

你永遠(yuǎn)也看不到[對(duì)象]地獄中的調(diào)試！

現(xiàn)在讓我們看一些典型場(chǎng)景。

訪問(wèn)對(duì)象的屬性定義的或無(wú)效的

一些在野外經(jīng)常發(fā)生的是，一個(gè)固定的元素應(yīng)該被另一種元素，滾動(dòng)時(shí)使用“頂”的性質(zhì)。

但由于標(biāo)記返工，元素#存在不再存在。這導(dǎo)致offset()返回null和財(cái)產(chǎn)上衣不再可以訪問(wèn)：

功能clicky() {控制臺(tái)信息（“訪問(wèn)一個(gè)未定義的對(duì)象屬性）；控制臺(tái)日志（“計(jì)算滾動(dòng)條頂部%d”，（“不存在”#美元）。offset()。頂部）；}；
調(diào)用未定義對(duì)象的方法

這是另一個(gè)；你再打一個(gè)未定義的對(duì)象的方法。

功能clicky2（）{控制臺(tái)信息（“調(diào)用一個(gè)方法定義的對(duì)象”）；調(diào)整scrollbottom（）；}；
平原的例外

有時(shí)你甚至知道在發(fā)展過(guò)程中，一些可以打破。不知道什么時(shí)候好？

功能clicky3（）{控制臺(tái)信息（“拋出一個(gè)異?！保?；拋出“版本不匹配！”；}；
XHR錯(cuò)誤

有時(shí)xhrs傳遞錯(cuò)誤，如404（未找到）或500（內(nèi)部服務(wù)器錯(cuò)誤）。大部分的時(shí)間，這些錯(cuò)誤導(dǎo)致的錯(cuò)誤，都難以再現(xiàn)。

功能clicky4（）{控制臺(tái)信息（“404我們XHR”）；美元阿賈克斯（{“URL”：“不_ existing.php”}）；}；
跨域xhrs也麻煩。圖像有變化你的跨域XHR CORS頭不再工作的任何更多。

功能clicky5（）{控制臺(tái)信息（“跨起源我們XHR”）；美元阿賈克斯（{“URL”：”http：／／Facebook.com /交叉的起源”}）；}；
javascript xhr errors
XHR和時(shí)間跟蹤
記錄在結(jié)賬的步驟

在大多數(shù)企業(yè)的轉(zhuǎn)換率是關(guān)鍵。任何用戶障礙可以降低稅率。例如，它需要很長(zhǎng)的時(shí)間來(lái)加載一個(gè)網(wǎng)頁(yè)或退房時(shí)，你有一個(gè)錯(cuò)誤。

這個(gè)簡(jiǎn)短的例子顯示了一個(gè)標(biāo)準(zhǔn)的Click處理程序調(diào)用getcheckout.php通過(guò)XHR。不幸的是，第二XHRconfirm.php失敗并拋出一個(gè)JavaScript異常。

這很好，但用戶沒有得到任何反饋；頁(yè)面只是攤位。

功能結(jié)算（）{控制臺(tái)日志（“檢查了！”）；美元阿賈克斯（{URL：“getcheckout .php”，數(shù)據(jù)類型：“json”}）完成（功能（數(shù)據(jù)）{控制臺(tái)日志（“檢查：‰”，數(shù)據(jù)）；確認(rèn)（）；}）；}；

功能確認(rèn)（）{confirmservicecheckconfirm（）；美元阿賈克斯（{URL：“確認(rèn)。PHP”}）錯(cuò)誤（功能（）{拋出“內(nèi)部服務(wù)器錯(cuò)誤確認(rèn)！”；}）；}；

此外，你會(huì)得到一個(gè)完全同步的時(shí)間框架，你的用戶的行為（無(wú)論是否在用戶的瀏覽器的時(shí)間是否正確！）。

對(duì)象的全格式支持（控制臺(tái)日志（“簽出：‰”數(shù)據(jù)）；）超級(jí)方便的調(diào)試

如何開始？

注冊(cè)一個(gè)usersnap帳戶，如果你還沒有準(zhǔn)備好。（包括風(fēng)險(xiǎn)免費(fèi)試用。去吧）

然后創(chuàng)建一個(gè)項(xiàng)目，或者使用一個(gè)已經(jīng)存在的，然后點(diǎn)擊齒輪圖標(biāo)在下面的截圖中看到

然后單擊按鈕改變控件的外觀和感覺在屏幕的右側(cè)，您可以看到下面的截圖。

你會(huì)看到一個(gè)屏幕，這樣的配置。配置使控制臺(tái)記錄器到打開（放）關(guān)閉窗口?，F(xiàn)在你可以貼在任何你想要的部件代碼頁(yè)。

你的客戶只需要按下一個(gè)按鈕，讓你知道錯(cuò)誤是。我們知道你一定會(huì)留下深刻的印象。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7017,0.html

上一篇：一步引導(dǎo)CodeIgniter的有效使用步驟

下一篇：?簡(jiǎn)化WEB開發(fā)的CHROME擴(kuò)展

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問(wèn)題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問(wèn)題可以再里面提出，人員分工到位，解決問(wèn)題很及時(shí)。

張經(jīng)理