vscode-debug-visualizer icon indicating copy to clipboard operation
vscode-debug-visualizer copied to clipboard

Why it can't be visualized?(Js demo)

Open Tracker647 opened this issue 5 years ago • 6 comments

Firstly,I yarn my folder but there always have a files( you can find specific information in Step by Step Instructions For JavaScript #41 Issue)failed to download for unknown reason.but the debugger can normal working. But When Debugging online I find the Visualizer can't output the image,when I put such like "Linkedlist" "list" "Node" in the bar but just get their code.I don't know where is wrong.

QQ截图20201119185821

Tracker647 avatar Nov 19 '20 11:11 Tracker647

Can you try to visualize data instead? Also, in the drop down options, you can play with different data extractors.

hediet avatar Nov 19 '20 12:11 hediet

Can you try to visualize data instead? Also, in the drop down options, you can play with different data extractors.

I don't want a function illustate,What I want is get my linklist visualized: QQ截图20201119201453

you means I need to read data-extraction README.md to bulid my own extractors?

Tracker647 avatar Nov 19 '20 12:11 Tracker647

The comments at the beginning of the file should be helpful. Also, you can chose the "Object Graph" data extractor to visualize arbitrary structures.

hediet avatar Nov 19 '20 12:11 hediet

I was read the beginning file but I don't know what the “following code" mean is. But so far I haven't uncommented the code hedietDbgVis.createGraphFromPointers( hedietDbgVis.tryEval([ "list.head", "newNode", "node", "previous", this.constructor.name === "LinkedList" ? "this.head" : "err", ]), n => ({ id: n.data, color: "lightblue", label: ${n.data}, edges: [{ to: n.next, label: "next" }].filter(i => !!i.to), }) ) I supposed it's the initalizer to transform code into graph? but I don't know how to use it.

By the way,I tested extension in C,Python,Javascript file,it seems like only javascript files need multiply files(or install additional package) to support? mp error

Tracker647 avatar Nov 19 '20 13:11 Tracker647

Maybe this helps:

press F1, enter "Open Debug Visualizer" and use the following code as expression to visualize.

hediet avatar Nov 19 '20 13:11 hediet

Maybe this helps:

press F1, enter "Open Debug Visualizer" and use the following code as expression to visualize.

:(

888 QQ截图20201119210410

Tracker647 avatar Nov 19 '20 13:11 Tracker647