删除 HTML 页面中使用的 javascript 文件中未使用的代码？

Question

我目前正在从事网页开发。我使用从 CanvasJs 下载的一个外部 javascript 文件，并在本地使用它来向我页面中的图表添加一些动态功能。我只使用文件中的一个小功能。如何删除我不使用的最后期限？不知道哪些线路没有被使用！

注意：我使用脚本文件来绘制样条图，但脚本文件包含更多图形和功能的代码。如何删除那些多余的功能。脚本文件太大，包含我不使用的所有功能。我希望通过删除多余的代码行来减小文件大小。

Answer 1

如果您确定要删除应用程序调用的代码以外的所有代码：

1. 在库中查找您的代码调用的所有函数。
2. 将这些函数中的每一个复制到一个新文件中。
3. 在每个函数中，找到它们引用的所有函数和任何全局变量并返回到第 2 点。
4. 当您将所有引用的函数和变量都放在一个单独的文件中时，请以尽可能多的不同方式尝试您的代码，以确保您没有遗漏任何内容。

在库的未缩小版本上执行此操作，然后缩小生成的代码，以便您可以阅读。

另一种单步执行代码的方法是使用浏览器内置的调试器，在您自己的代码上设置断点并单步执行，然后在库文件中找到该代码。

但是，如果您认为您可能需要库中的更多功能，请权衡网络成本与仅提取所需代码的工作量。如果可能，最好使用完整的库或寻找另一个更专业的库。