前端开发中那些不招人“待见”的功能
互聯(lián)網(wǎng)上優(yōu)秀的Web開發(fā)案例不勝枚舉，但也有一些開發(fā)者費勁心血開發(fā)出的網(wǎng)站僅因為某些功能就遭到吐槽的也屢屢不鮮。這不，原文作者Scott Hanselman發(fā)表的這篇文章《Stop Doing Internet Wrong 》就例舉了互聯(lián)網(wǎng)上那些不招人“待見”的功能。當(dāng)然，文中提及的這些問題都是可以解決的，因為從技術(shù)角度上來講，它們并不難。我們一起來看下，“有則改之，無則加冕”。
文章譯文如下：
1. 向移動主頁重定向桌面深層鏈（Deep Link）
谷歌已經(jīng)決定采取深層鏈的做法比如foo.com/something/deep用以檢測移動設(shè)備，然后重定向用戶host文件m.foo.com。事實上，GoogleBot聲明這些“ 錯誤重定向”并通過搜索引擎搜索的結(jié)果來給網(wǎng)站排名。
簡單地說，避免不相關(guān)的重定向其實很簡單：比如智能手機用戶從桌面頁面重定向到智能手機優(yōu)化頁面。智能手機只顯示有重要的內(nèi)容，自動屏蔽了無關(guān)緊要/不相干的頁面。例如，我想進(jìn)http://www.mcmenamins.com/Pubs頁面，但前提是想在手機上打開該頁面，而將它重定向到/mobile即可。
?PS：縱深鏈（deeplink），又稱深層鏈、深度鏈，即通過網(wǎng)站的分頁地址設(shè)置鏈接，略過所在網(wǎng)站的廣告主頁，直接將用戶導(dǎo)向某個分頁。比如搜索引擎中搜索結(jié)果多是這種鏈接。埋置鏈和深層鏈接不僅會引發(fā)版權(quán)侵權(quán)問題，也會涉及不正當(dāng)競爭。
2. 我不想要你的蹩腳應(yīng)用
這就好比Quora，假設(shè)我現(xiàn)在通過瀏覽器瀏覽，除非要進(jìn)入App Store，否則一直停留在Web頁面。
3. 超大的插播廣告
在Forbes.com上我看到這個巨大的插播廣告。?
請保持優(yōu)雅！
4. 標(biāo)簽輸入形式
我討厭看到一個復(fù)選框，并且只能點擊復(fù)選框內(nèi)容。
很簡單，增加與標(biāo)簽相關(guān)的輸入，那么用戶就有獲得更多的點擊。
5. 打破超鏈接
難道我們沒學(xué)習(xí)《 Cool URIs Don't Change？》嗎？這篇文章寫于1998年且真實存在。正如我們所知，Web創(chuàng)建于1990年，1993年才真正開放首個 Web頁面鏈接。
?
我們需要通過.htaccess files、 web.config files維護(hù)重定向列表并盡量對其測試。雖然深度維護(hù)復(fù)雜的鏈接可能會很復(fù)雜，但你可以將companyname.com/about鎖死，這是因為你從PHP切換至Rails的原因。作為用戶，我習(xí)慣輸入/about。請不要給我“更新書簽”，我來這兒可不是為了做這個。
6. 點擊國旗，代表你所選語言
我經(jīng)常被要求從各個國家國旗列表中“選擇語言”。用國旗來代表語言這是很槽糕的做法，我想，不只是我一人這么認(rèn)為。?
在Accept-Language header有個整體的語言列表，可供你選擇。
7. 你知道我的郵政編碼，可為什么還要填寫國家？
對于生活在美國的人，我們總是被要求輸入郵政編碼（郵遞區(qū)號）、城市及國家，盡管有大量的API和數(shù)據(jù)庫可以為你提供信息。?
如果你能從用戶那獲取可靠的信息（語言、位置、國家、愛好），前提是在沒有侵犯對方隱私的前提下，請為他們節(jié)省些時間吧！
8. 通過寬度、高度屬性調(diào)整超大圖片尺寸
也許你需要花一點時間來告之老板，利用佳能EOS拍攝的六百萬像素圖片并不很適合企業(yè)網(wǎng)站背景圖，尤其是只有4MB JPGs大小。
?
Ok，沒關(guān)系，我們可以設(shè)置<img src="bigassfile.jpg" width="100" height="100">，這樣圖片就會縮小了。但不支持下載超大文件，在客戶端上通過瀏覽器來調(diào)整尺寸大小；或者通過 PNGGauntlet或 PNGOut運行所有的PNGs，缺點是調(diào)整大小，經(jīng)常會使圖片變形。
9. 服務(wù)器頁面的兩種形式：WWW.和裸域
如果你見過example.com/something和www.example.com/something兩種鏈接提供相同的內(nèi)容，考慮到URL的規(guī)范化，你可以這樣做，在META標(biāo)簽中使用rel="canonical"，但只會隱藏問題。?
那為什么不挑選一個或者提供服務(wù)器301重定向到其他頁面呢？你知道創(chuàng)建IIS7的規(guī)則嗎？你甚至可以刪除.aspx 擴展名。
如果你為for / and /default.html做同樣的事情，如果可以的話，只選擇一個并重定向到其他域名。
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/helenR/p/web_development.html
總結(jié)
以上是生活随笔為你收集整理的前端开发中那些不招人“待见”的功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： juc线程池原理(六)：jdk线程池中的
- 下一篇： HTML5实现Word中文字全环绕图片效