Zehn Highlights in Visual Studio 2012: #10 Page Inspector
Die letzte der zehn ausgewählten Funktionen von Visual Studio 2012 in den Bereichen Projektverwaltung und Code-Editoren ist der Page Inspector.
Zehn Highlights in Visual Studio 2012:
- Portable Class Libraries [1]
- "Add Reference"-Dialog [2]
- NuGet Library Package Manager [3]
- Verbesserter Solution Explorer [4]
- Registerkartenverwaltung der geöffneten Dateien [5]
- Verbesserter Suchen- und Ersetzendialog [6]
- Suche über Visual-Studio-Funktionen/-Optionen [7]
- Codeduplikate suchen [8]
- Verbesserungen im Webeditor [9]
- Page Inspector [10]
Microsofts Entwicklungsumgebung Visual Studio bietet in der Version 2012 eine Reihe schöner neuer Funktionen für die .NET-Programmierer. Der letzte Beitrag auf den Page Inspector ein. Er ist eine neue Ansicht für Webseiten innerhalb von Visual Studio 2012. Dabei werden drei Ansichten gegenübergestellt:
- Quellcode der Seite auf dem Webserver
- Quellcode der Seite aus der Sicht des Webbrowsers
- Darstellung der Seite im Webbrowser
Im Rahmen des "Inspizierens" kann der Benutzer dann in einer der drei Ansichten eine Menge von Tags beziehungsweise Darstellungselementen anwählen und sieht in den jeweils anderen beiden Ansichten die korrespondierenden Elemente. Darüber hinaus bietet der Page Inspector eine Reihe von Funktionen, die man schon aus den Internet-Explorer-Entwicklertools kennt: Man kann HTML-Tags ändern und CSS-Regeln abwählen oder ändern. Außerdem steht eine Layoutansicht mit den aktiven Abständen zur Verfügung. Nun sind diese Funktionen im Rahmen des Page Inspector direkt in Visual Studio verfügbar.
In der folgenden Abbildung wurde in der Darstellungsansicht der Seite eine Schaltfläche gewählt. In der HTML-Ansicht des Browsers darunter sieht man das korrespondierende HTML-<input>-Tag. In der ASPX-Datei rechts daneben erkennt man das ASP.NET-Serversteuerelement-Tag, das das <input>-Tag erzeugt hat. Die Ansicht funktioniert auch, wenn die Seite User Controls verwendet. Die ASCX-Dateien erscheinen in der "Files"-Liste und werden dann bei Bedarf automatisch geöffnet.
Den Page Inspector ruft man im Kontextmenü einer ASPX-, ASCX-, CSHTML- oder HTML-Datei auf (View in Page Inspector) oder Browse with/Page Inspector).
Hinweis: Der Page Inspector basiert auf dem Internet Explorer 9.0 und setzt diesen auf dem Entwicklersystem voraus.
Achtung: Beim ersten Start nimmt der Page Inspector eine Änderung in der web.config-Datei vor.
<add key="VisualStudioDesignTime:Enabled" value="true" />. Diesen Eintrag sollten man vor dem Verbreiten der Anwendung löschen.
( [11])
URL dieses Artikels:
https://www.heise.de/-1676771
Links in diesem Artikel:
[1] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-1-Portable-Class-Libraries-1667481.html
[2] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-2-Add-Reference-Dialog-1667650.html
[3] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-3-NuGet-Library-Package-Manager-1669256.html
[4] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-4-Verbesserter-Solution-Explorer-1670356.html
[5] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-5-Registerkartenverwaltung-der-geoeffneten-Dateien-1671562.html
[6] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-6-Verbesserter-Suchen-und-Ersetzendialog-1672191.html
[7] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-7-Suche-ueber-Visual-Studio-Funktionen-Optionen-1676373.html
[8] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-8-Codeduplikate-suchen-1676734.html
[9] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-9-Verbesserungen-im-Webeditor-1676752.html
[10] https://www.heise.de/blog/Zehn-Highlights-in-Visual-Studio-2012-10-Page-Inspector-1676771.html
[11] mailto:hs@ix.de
Copyright © 2012 Heise Medien