2017-04-08 1 views
0

最近、ASP.NET MVCでの経験を得るための実験を開始しました。私の商業の経験はリサイズとされているので、それは挑戦(しかし、興味深い)を証明していますASP.NET MVC NavBarは、要素を検査しない限り表示されません。

私の出発点は、Microsoftからのガイドを使用することであった: MVC Getting Started ガイドがしかし、心の中でASP.NETコアと書かれているが、私は.NET 4.5を使用しています。私は、HMLが生成される方法(HttpUtility.HtmlEncode)にいくつかの違いを見出しましたが、それほど大きなものはありません。

私はASP.NET MVC5プロジェクトを作成し、新しいコントローラを追加して遊び始めました。私が気づいた奇妙なことは、ナビゲーションバーが表示されていないということです。 NavBar not visible

奇妙なこと(Chromeで実行している場合)、私が見ると、ナビゲーションバーと対話することができるということです私はしました enter image description here

私が作った変更のどれもが責任を持っていなかったことを確認するための新鮮なプロジェクトを作りました。

次NuGetパッケージがプロジェクトにインストールされています。

<package id="Antlr" version="3.5.0.2" targetFramework="net452" /> 
    <package id="bootstrap" version="3.3.7" targetFramework="net452" /> 
    <package id="DanielSnowden.CommonLibrary" version="1.0.0.4" targetFramework="net452" /> 
    <package id="jQuery" version="3.1.1" targetFramework="net452" /> 
    <package id="jQuery.Validation" version="1.16.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.Agent.Intercept" version="2.0.7" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.DependencyCollector" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.PerfCounterCollector" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.Web" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.WindowsServer" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.ApplicationInsights.WindowsServer.TelemetryChannel" version="2.2.0" targetFramework="net452" /> 
    <package id="Microsoft.AspNet.Mvc" version="5.2.3" targetFramework="net452" /> 
    <package id="Microsoft.AspNet.Razor" version="3.2.3" targetFramework="net452" /> 
    <package id="Microsoft.AspNet.Web.Optimization" version="1.1.3" targetFramework="net452" /> 
    <package id="Microsoft.AspNet.WebPages" version="3.2.3" targetFramework="net452" /> 
    <package id="Microsoft.CodeDom.Providers.DotNetCompilerPlatform" version="1.0.3" targetFramework="net452" /> 
    <package id="Microsoft.jQuery.Unobtrusive.Validation" version="3.2.3" targetFramework="net452" /> 
    <package id="Microsoft.Net.Compilers" version="2.0.1" targetFramework="net452" developmentDependency="true" /> 
    <package id="Microsoft.Web.Infrastructure" version="1.0.0.0" targetFramework="net452" /> 
    <package id="Modernizr" version="2.8.3" targetFramework="net452" /> 
    <package id="Newtonsoft.Json" version="10.0.2" targetFramework="net452" /> 
    <package id="Respond" version="1.4.2" targetFramework="net452" /> 
    <package id="WebGrease" version="1.6.0" targetFramework="net452" /> 

すべてのパッケージは、私はすべての更新プログラムを見ることができないようデータまでのように見えます。私は、ChromeとEdgeの両方でウェブサイト(IISローカル経由)を表示しようとしました。私のVisual Studioバージョンは2017(コミュニティ)で、私はWindows 10ホスト上で動作しています。

私はこの問題を調査しようとしましたが、多くの情報を見つけることはできませんでした。しかし、私は(いつものように)私は完全に明白な何かを見落としていると思う。

誰にも提案はありますか?

+1

投稿した2番目の画像で、NavBarが表示されないとしますか?その場合は、Developer Toolsウィンドウを右に移動して、NavBarコンテンツを表示します。 投稿した2番目のイメージと同様に、ブートストラップスタイリングのためにモバイルビューに切り替えました。 – Boney

+0

2番目の画像でNavBarを見ることができました。モバイルビューで表示していて、NavBarがモバイルビューの機能であることはわかりませんでした。ありがとう、それはそれを説明する。 –

答えて

0

NavBarは、モバイルレイアウトでのみ表示される機能です。 Chromeは、さまざまなモバイルデバイスでの表示をシミュレートする機能を提供します。要素を調べるとき、Chromeはこれらのデバイスのいずれかにデフォルト設定されていました。

関連する問題