Udostępnij za pośrednictwem


Wyświetlanie tekstu, XML, HTML, ciągów JSON w wizualizatorze ciągów

Podczas debugowania w programie Visual Studio można wyświetlać ciągi za pomocą wbudowanego wizualizatora ciągów. Wizualizator ciągów pokazuje ciągi, które są zbyt długie dla podpowiedzi dotyczących danych lub okna debugera. Może również pomóc zidentyfikować źle sformułowane ciągi.

Wbudowane wizualizatory ciągów obejmują opcje Text, XML, HTML i JSON. Możesz także otworzyć wbudowane wizualizatory dla kilku innych typów, takich jak obiekty DataSet, DataTable i DataView, z okien debugera Autos lub innych.

Notatka

Jeśli musisz sprawdzić elementy interfejsu użytkownika XAML lub WPF w wizualizatorze, zapoznaj się z artykułem Sprawdzanie właściwości XAML podczas debugowania lub Jak używać wizualizatora drzewa WPF.

Otwieranie wizualizatora

Aby otworzyć wizualizator ciągów:

  1. Wstrzymaj się podczas debugowania.
  2. Umieść kursor na zmiennej zawierającej zwykły tekst, XML, HTML lub wartość ciągu JSON.
  3. Wybierz ikonę lupy Visualizer ikona.

Lista elementów interfejsu użytkownika

pole Wyrażenie pokazuje zmienną lub wyrażenie, na którym znajduje się wskaźnik myszy.

pole Wartość pokazuje wartość ciągu. Pusta wartość oznacza, że wizualizator, który został wybrany, nie rozpoznaje tego ciągu. Na przykład XML Visualizer pokazuje pustą wartość dla ciągu tekstowego, który nie zawiera tagów XML, lub ciągu JSON. Aby wyświetlić ciągi, których wybrany wizualizator nie może rozpoznać, wybierz zamiast tego Text Visualizer. Text Visualizer pokazuje zwykły tekst.

Dane ciągu tekstowego

Text Visualizer pokazuje zwykły tekst. Jeśli potrzebujesz niestandardowego formatowania dla ciągu języka C++, utwórz wizualizację Natvis.

Ponadto program Text Visualizer udostępnia opcje narzędzi i manipulowania ciągami oraz umożliwia łatwe dekodowanie następującego tekstu.

  • Kodowanie base64
  • Dekodowanie base64
  • Kodowanie adresu URL
  • Dekodowanie adresu URL
  • Dekodowanie JWT

Wybierz listę rozwijaną manipulacji ciągami i wybierz odpowiednią opcję, aby zdekodować dane.

wizualizator ciągów tekstowych

Dane ciągu JSON

Dobrze sformułowany ciąg JSON jest podobny do poniższej ilustracji w wizualizatorze JSON. Nieprawidłowo sformułowany kod JSON może wyświetlać ikonę błędu (lub pustą, jeśli nierozpoznana). Aby zidentyfikować błąd JSON, skopiuj i wklej ciąg do narzędzia do lintingu JSON, takiego jak JSLint.

wizualizator ciągów JSON

Ciąg znakowy XML

Dobrze sformułowany ciąg XML jest podobny do poniższej ilustracji w wizualizatorze XML. Źle sformułowany kod XML może być wyświetlany bez tagów XML lub pusty, jeśli jest nierozpoznany.

Wizualizator ciągów XML

Ciąg znakowy HTML

Dobrze sformułowany ciąg HTML jest wyświetlany tak, jakby był renderowany w przeglądarce, jak pokazano na poniższej ilustracji. Źle sformułowany kod HTML może być wyświetlany jako zwykły tekst.

wizualizator ciągów HTML

Zobacz też