互聯網上優秀的Web開發案例不勝枚舉，但也有一些開發者費勁心血開發出的網站僅因為某些功能就遭到吐槽的也屢屢不鮮。這不，原文作者Scott Hanselman發表的這篇文章《Stop Doing Internet Wrong 》就例舉了互聯網上那些不招人“待見”的功能。當然，文中提及的這些問題都是可以解決的，因為從技術角度上來講，它們并不難。我們一起來看下，“有則改之，無則加冕”。

文章譯文如下：

1. 向移動主頁重定向桌面深層鏈（Deep Link）

谷歌已經決定采取深層鏈的做法比如foo.com/something/deep用以檢測移動設備，然后重定向用戶host文件m.foo.com。事實上，GoogleBot聲明這些“ 錯誤重定向”并通過搜索引擎搜索的結果來給網站排名。

簡單地說，避免不相關的重定向其實很簡單：比如智能手機用戶從桌面頁面重定向到智能手機優化頁面。智能手機只顯示有重要的內容，自動屏蔽了無關緊要/不相干的頁面。例如，我想進http://www.mcmenamins.com/Pubs頁面，但前提是想在手機上打開該頁面，而將它重定向到/mobile即可。

?PS：縱深鏈（deeplink），又稱深層鏈、深度鏈，即通過網站的分頁地址設置鏈接，略過所在網站的廣告主頁，直接將用戶導向某個分頁。比如搜索引擎中搜索結果多是這種鏈接。埋置鏈和深層鏈接不僅會引發版權侵權問題，也會涉及不正當競爭。

2. 我不想要你的蹩腳應用

這就好比Quora，假設我現在通過瀏覽器瀏覽，除非要進入App Store，否則一直停留在Web頁面。

3. 超大的插播廣告

在Forbes.com上我看到這個巨大的插播廣告。?

請保持優雅！

4. 標簽輸入形式

我討厭看到一個復選框，并且只能點擊復選框內容。

很簡單，增加與標簽相關的輸入，那么用戶就有獲得更多的點擊。

5. 打破超鏈接

難道我們沒學習《 Cool URIs Don't Change？》嗎？這篇文章寫于1998年且真實存在。正如我們所知，Web創建于1990年，1993年才真正開放首個 Web頁面鏈接。

?

我們需要通過.htaccess files、 web.config files維護重定向列表并盡量對其測試。雖然深度維護復雜的鏈接可能會很復雜，但你可以將companyname.com/about鎖死，這是因為你從PHP切換至Rails的原因。作為用戶，我習慣輸入/about。請不要給我“更新書簽”，我來這兒可不是為了做這個。

6. 點擊國旗，代表你所選語言

我經常被要求從各個國家國旗列表中“選擇語言”。用國旗來代表語言這是很槽糕的做法，我想，不只是我一人這么認為。?

在Accept-Language header有個整體的語言列表，可供你選擇。

7. 你知道我的郵政編碼，可為什么還要填寫國家？

對于生活在美國的人，我們總是被要求輸入郵政編碼（郵遞區號）、城市及國家，盡管有大量的API和數據庫可以為你提供信息。?

如果你能從用戶那獲取可靠的信息（語言、位置、國家、愛好），前提是在沒有侵犯對方隱私的前提下，請為他們節省些時間吧！

8. 通過寬度、高度屬性調整超大圖片尺寸

也許你需要花一點時間來告之老板，利用佳能EOS拍攝的六百萬像素圖片并不很適合企業網站背景圖，尤其是只有4MB JPGs大小。

?

Ok，沒關系，我們可以設置<img src="bigassfile.jpg" width="100" height="100">，這樣圖片就會縮小了。但不支持下載超大文件，在客戶端上通過瀏覽器來調整尺寸大小；或者通過 PNGGauntlet或 PNGOut運行所有的PNGs，缺點是調整大小，經常會使圖片變形。

9. 服務器頁面的兩種形式：WWW.和裸域

如果你見過example.com/something和www.example.com/something兩種鏈接提供相同的內容，考慮到URL的規范化，你可以這樣做，在META標簽中使用rel="canonical"，但只會隱藏問題。?

那為什么不挑選一個或者提供服務器301重定向到其他頁面呢？你知道創建IIS7的規則嗎？你甚至可以刪除.aspx 擴展名。

如果你為for / and /default.html做同樣的事情，如果可以的話，只選擇一個并重定向到其他域名。

?

?

?

轉載于:https://www.cnblogs.com/helenR/p/web_development.html

總結

以上是生活随笔為你收集整理的前端开发中那些不招人“待见”的功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。