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 porad 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 również otworzyć wbudowane wizualizatory dla kilku innych typów, takich jak DataSet, DataTable i DataView , z okien Autos lub innych debugerów.

Uwaga

Jeśli musisz sprawdzić elementy interfejsu użytkownika XAML lub WPF w wizualizatorze, zobacz lub Sprawdź 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ę VisualizerIconlupy.

Lista elementów interfejsu użytkownika

Pole wyrażenia pokazuje zmienną lub wyrażenie, nad którym znajduje się wskaźnik myszy.

Pole Wartości zawiera wartość ciągu. Pusta wartość oznacza, że wybrany wizualizator nie może rozpoznać ciągu. Na przykład wizualizator XML pokazuje pustą wartość ciągu tekstowego bez tagów XML lub ciąg JSON. Aby wyświetlić ciągi, których wybrany wizualizator nie może rozpoznać, wybierz zamiast tego wizualizator tekstu. Wizualizator tekstu pokazuje zwykły tekst.

Dane ciągu tekstowego

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

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

  • Kodowanie base64
  • Dekodowanie base64
  • Kodowanie adresu URL
  • Dekodowanie adresu URL
  • Dekodowanie w formacie JWT

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

Text string visualizer

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.

JSON string visualizer

Dane ciągu 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.

XML String Visualizer

Dane ciągu 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.

HTML string visualizer

Zobacz też