基于JS文件/代码段的调用图创建器

时间:2018-09-14 08:54:25

标签: javascript call-graph

这是一个非常老的问题,但是2009年的大多数答案都已过时。 如How to generate call-graphs for given javascript?

使用Google,我还在npm上找到了此模块https://www.npmjs.com/package/callgraph,但该模块未维护且无法正常工作。

所以,我将在几年后再次提出来,看看是否有人基于js文件或代码段创建了一些东西来制作简单的调用图?


修改

几个月后,我仍然找不到任何东西。我最接近的是这个JS Code to SVG Flowchart

2 个答案:

答案 0 :(得分:0)

您也许可以尝试使用visjs:

http://visjs.org/

答案 1 :(得分:0)

我也无法从NPM获得callgraph的支持,但我对js-callgraph的运气一直比较好,<?xml version="1.0" encoding="UTF-8"?> <?import de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView?> <?import javafx.geometry.Insets?> <?import javafx.scene.control.Button?> <?import javafx.scene.layout.ColumnConstraints?> <?import javafx.scene.layout.GridPane?> <?import javafx.scene.layout.RowConstraints?> <fx:root alignment="center" hgap="10" type="GridPane" vgap="10" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller"> <children> <Button mnemonicParsing="false" text="Click Me!!!"> <opaqueInsets> <Insets left="5.0" /> </opaqueInsets></Button> <FontAwesomeIconView glyphName="CIRCLE" /> </children> <columnConstraints> <ColumnConstraints /> </columnConstraints> <rowConstraints> <RowConstraints /> </rowConstraints> </fx:root> 在今年(2019年)进行了更新。它不会生成视觉输出,但是您将获得一个JSON数据结构,该数据结构可以通过管道传递到其他图形工具(如Gephi或Graphviz)中。

https://github.com/Persper/js-callgraph