没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:董玉霞|2022-04-24 11:54:39.250|阅读 124 次
概述:此文章详细介绍了在 MyEclipse中使用 Source Maps 进行 JavaScript 调试,使用本教程能正确配置您的环境以使用源映射来简化 JavaScript 调试。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
此文章详细介绍了在 MyEclipse中使用 Source Maps 进行 JavaScript 调试,使用本教程能正确配置您的环境以使用源映射来简化 JavaScript 调试。
由于转换(TypeScript、CoffeeScript 等)、缩小(minifyJS、UglifyJS 等)、捆绑(Browserify 等)或源文件中的其他一些过程。通常生成的文件的代码难以理解或与原始源代码有很大不同。这就是源地图出现的地方。大多数流行的处理工具可以生成它们并允许调试器在原始文件的上下文中表示当前代码执行位置。
要利用源映射,需要适当地配置处理工具。每个工具都有自己特定的配置方式;因此,建议使用Gulp 作为项目的构建器,因为它允许以统一的方式在一个地方配置不同的工具。但是,这并不是对每个人都适用的最佳解决方案,将提供几个工具的示例配置。
推荐使用 Gulp 来构建项目,因为它对源映射的支持是最灵活的。这是 CoffeeScript 的示例:
gulp.task('coffee', function() { gulp.src('./src/*.coffee') .pipe(sourcemaps.init()) .pipe(coffee({bare: true}).on('错误',gutil.log)) .pipe(sourcemaps.write({sourceRoot: “workspace:my-coffee-project/”})) .pipe(gulp.dest('./build/')); });
注意:Browserify 不允许指定 sourceRoot;它总是嵌入文件内容并在生成源映射时保存源文件的绝对文件系统路径。这意味着不需要任何进一步的配置来获取文件的工作区链接,但是当项目移动到文件系统上的不同位置时,需要重建源代码。
最好使用tsconfig.json文件。如果在TS文件旁边生成JS文件,只需要将sourceMap属性指定为true,否则还需要指定sourceRoot属性。下面是一个例子:
{ "compilerOptions": { "target": "es5", "outDir": "target", "sourceMap": true, "sourceRoot": "workspace:my-ts-project/" }, "files": [ " main.ts”、 “utils.ts” ] }
在 java IDE中使用 JavaScript 调试器的最大优势是您可以在工作区的文件中放置断点。这也适用于源映射,但是,调试器必须知道在工作区中的何处查找适当的文件。有 4 种方法可以指定源的位置:
浏览器
地图文件位置——//localhost:8080/my-web-project/maps/generated.js.map
源文件名——source.js源根——workspace :my - web-project/src/main/js源—预计在src/main/js/source.js 中my-web-project 项目Node.js映射文件位置— :/Workspace/My Node Project/target/maps/generated.js.map源文件名— source.js源码根——workspace:My Node Project/src/
Source — 预计 在My Node Project 项目中的src/ source.js 中
浏览器
映射文件位置——//localhost:8080/my-web-project/maps/generated.js.map
源文件名——source.js
源根——C : /Workspace/my-web-project/src 源——预计在C:/Workspace/my-web-project/src/source.js
文件在工作区的进一步位置执行Node.js映射文件位置——C :/Workspace/My Project/target/maps/generated.js.map源文件名——source.js源根目录——C:/Workspace/My Project/src”源——预计在 C:/Workspace/My Project/src/source.js 文件在工作区的进一步定位执行。
浏览器
地图文件位置——//localhost:8080/my-web-project/maps/generated.js.map
源文件名——source.js
源根目录—— .. /
sources源——预计在// localhost:8080/my-web-project/sources/source.js 根据您的 Web 应用程序启动设置
Node.js
映射文件位置- C:/Workspace/My Project/target/maps/generated从 URL 到工作区的进一步映射正在发生.js.map
源文件名——source.js
源码根—— .. /../src 源码——预计在C:/Workspace/My Project/src/source.js
进一步定位工作区中的文件
浏览器
地图文件位置——//localhost:8080/my-web-project/js/maps/app/generated.js.map
源文件名——app/source.js
源根目录—— /my-web-project/sources来源——预计在 //localhost:8080/my-web-project/sources/app/source.js
根据您的 Web 应用程序启动设置,从 URL 到工作区的进一步映射正在发生。
可以在 Loaded JavaScript 视图中检查浏览器或 Node.js 加载了哪些脚本。提供源映射的脚本节点将是可扩展的,将看到所有源文件的列表。可以位于工作区中的每个文件都标有链接图标 链接的 并且每个找不到的文件都标有警告标志未链接. 即使文件不在工作区中,仍然可以看到文件的内容。
如果已将源映射配置为包含内容,将能够查看并用于调试这些嵌入源,即使源文件无法在工作区中找到。此外,当浏览堆栈跟踪时,将自动使用这些嵌入式源。
断点适用于其他语言,例如 CoffeeScript。使用 JavaScript 编辑器打开文件,最好在 General>Editors>File Associations 的首选项中指定关联。在列表中找到文件扩展名或使用添加按钮添加新扩展名,单击它并将 JavaScript Editor 或 MyEclipse JavaScript Editor 添加到列表中,确保它是默认的。如果对非 JS/TS 文件使用了一些专门的编辑器,请通过 support@genuitec.com 告知我们,将确保编辑器受支持并且可以在其中设置断点。
要禁用源映射支持,请打开调试启动配置并清除启用源映射支持复选框。
在 MyEclipse 中使用 Source Maps 进行 JavaScript 调试,想要了解更多MyEclipse使用教程,
MyEclipse V2022.1正式发布,大家可以下载MyEclipse官方正版试用,更多MyEclipse价格咨询可联系慧都在线客服。
MyEclipse是功能最全面、性价比最高的企业级Java IDE之一。
MyEclipseQQ群:742336981 欢迎进群一起讨论
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@atlvshi.cn
本文介绍了在使用 IntelliJ IDEA 进行 Java 数据库开发时,提升效率的 9 种实用技巧,包括自动创建数据源、测试 JPA 查询、可视化数据库结构、优化查询性能、数据库迁移及 AI 助手等功能,助力开发者提高工作效率。
Compose Multiplatform没有 Web 视图组件, JxBrowser 8.0.0是 Compose Multiplatform 的第一个适用于所有桌面平台的 Web 视图组件。
在当今的数字环境中,将 PDF 转换为 EPUB 至关重要。在这篇博文中,我们将探讨如何在 C# 中将 PDF 转换为 EPUB。
Aspose.Words 推出了一项新功能来提高文档质量:人工智能语法检查。通过集成OpenAI生成模型,用户现在可以轻松识别和纠正文档中的语法错误。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@atlvshi.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢