首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Devtools (inspect-element)中显示文件名的插件

Devtools (inspect-element)中显示文件名的插件
EN

Stack Overflow用户
提问于 2015-08-13 04:39:17
回答 1查看 49关注 0票数 0

我正在开发一个在其他视图体中呈现视图的应用程序。最初的视图文件是用jade编写的,但很明显在呈现之前会被转换成HTML。有没有办法在有或没有外部浏览器插件的devtools/inspect-element中查找原始的jade文件名和/或文件路径?我正在使用Chrome来做这件事,但如果它有这样的功能,我会考虑使用另一种浏览器。

EN

回答 1

Stack Overflow用户

发布于 2015-08-13 13:06:26

您可能只需要包含说明视图源位置的注释,比如在jade文件的开头包含一个// someFile.jade,末尾可能包含一个// End of someFile.jade。您还可以包含一个条件,以便只有在调试模式下才会显示该条件。例如:

代码语言:javascript
运行
复制
//- someFile.jade
include globals.jade //- Allows for checking if in debugging mode
if debuggingMode:
  // someFile.jade
...
if debuggingMode:
  // End of someFile.jade

我认为你需要一个构建工具来创建一个从超文本标记语言到Jade文件的映射(即: filename.html.map)。虽然,我见过它们用于CSS和JavaScript文件,但没有见过任何超文本标记语言。我可能也会对这样的东西感兴趣。然而,我给出了这个答案,因为它还不存在。但是,在任何情况下,上述操作都应该可以完成工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31974949

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档