这是一个非常老的问题,但是2009年的大多数答案都已过时。 如How to generate call-graphs for given javascript?
使用Google,我还在npm上找到了此模块https://www.npmjs.com/package/callgraph,但该模块未维护且无法正常工作。
所以,我将在几年后再次提出来,看看是否有人基于js文件或代码段创建了一些东西来制作简单的调用图?
修改:
几个月后,我仍然找不到任何东西。我最接近的是这个JS Code to SVG Flowchart
答案 0 :(得分:0)
您也许可以尝试使用visjs:
答案 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)中。