2013-10-28 132 views
0

我有2個問題未解決在我的應用程序。我在ASP.NET上構建了一個網站(桌面)和一個移動網站。這兩個網站都具有相同的功能,但移動的意見是不同的。桌面版本有一個管理模塊,作爲管理員,我可以改變不同的東西,其中包括一些在兩個版本中顯示的圖像。手機網站和網站使用相同的內容/重定向到手機網站

我的煩惱有以下幾種:

  1. 我怎麼能只使用一個域名打開網站,根據所使用的設備

  2. 考慮到上述項目上的....我怎麼能這兩個網站只使用一個內容文件夾? (不同的site.css)

我會很高興和域文件夾結構幫助使這成爲可能

回答

0

如果你想只託管一個網站,這是完全可能的,我會建議在你的瀏覽器中使用用戶代理。用戶代理對於每個瀏覽器/設備是不同的。因此,您可以輕鬆維護每個設備的不同視圖。

打開Global.asax文件並將下面的代碼添加到Application_Start方法中。

DisplayModeProvider.Instance.Modes.Insert(0, new DefaultDisplayMode("iPhone") 
{ 
ContextCondition = (context => context.GetOverriddenUserAgent().IndexOf 
    ("iPhone", StringComparison.OrdinalIgnoreCase) >= 0) 
}); 

然後,您可以輕鬆地在您的視圖文件夾中製作不同的視圖。只要確保你添加前綴爲您的觀點:

index.cshtml

iphone.index。CSHTML

你可以找到這個網站的詳細信息:http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

我做主持一個網站與不同的佈局基礎上的一種設備的一個例子:http://kotatgent.azurewebsites.net/

您可以通過手動改變測試這個你通過下載這個擴展名在鉻中的用戶代理:

+0

有趣......讓我試試吧..我會讓你知道....謝謝!!! –

+0

謝謝...我用51Degrees.mobi。非常好 –

0

你的問題是相當廣泛的,但希望這些資源能夠激發你的方向前進,以拉你想要的東西

我會選擇一個網站,並重構它是移動就緒。做這個imo的好方法是實現CSS媒體查詢。請參閱article from smashingmagazine以瞭解該主題的介紹以及一些入門知識。通過媒體查詢,您可以根據諸如屏幕寬度,方向等因素定義斷點,以便相應地渲染您的網站。

另外看看實現JavaScript庫Modernizr,這也可能會幫助你設備檢測。該庫可以幫助檢測用戶是否具有某些功能,這些功能可能會影響您的移動開發的某些方面,並且還可以根據設備檢測提供有條件的資源加載(如果挑剔您的移動網站將加載帶寬保存)。即我的桌面需要所有這些桌面JavaScript庫,我的移動網站可能只需要這一個。

如果你的能力在你從頭開始的話,那麼你可能會更好地選擇一塊乾淨的石板,展示你希望移動的架構,以跨越多個平臺。對CSS媒體查詢和modernizr等資源進行精心策劃的使用可以產生一個網站,該網站幾乎可以在任何設備上看起來很棒,所有設備都包含在一個項目中。

+0

非常感謝。我會檢查信息,讓你知道如果完成它! :D –