调试目录

开发Sketch插件时，您可能需要一些方法来了解代码运行时发生了什么。

日志

调试JavaScript代码最常用的方法是console.log在关键步骤中添加一堆。不幸的是，JavaScriptCore（Sketch插件运行的上下文）没有提供console。相反，调用的特殊方法log是可用的。

有几个选项可以查看这些日志：

• 打开Console.app并查找Sketch日志
• 看看这个文件~/Library/Logs/com.bohemiancoding.sketch3/Plugin Output.log
• 运行skpm log它将输出上面的文件（skpm log -f对日志进行流式处理）

skpm将填充console以便console.log照常使用。除了使用log场景后面的方法之外，它还会将日志转发给sketch-dev-tools。

debugger 和变量检查

当插件运行时，Sketch会创建一个与其关联的JavaScript上下文。可以使用Safari检查此上下文。

在Safari中，转到Develop> name of your machine> Automatically Show Web Inspector for JSContexts。而且你可能想要启用，Automatically Pause Connecting to JSContext否则检查器将会关闭，然后才能与之交互（当脚本运行完成后，上下文将被销毁）。

现在，您可以在代码中使用断点，在运行时检查变量的值等。

Objective-C类内省(Introspection)

Sketch中的插件系统可让您完全访问应用程序的内部结构和macOS中的核心框架。Sketch使用Objective-C构建，其类被桥接到JavaScript。知道你正在处理哪些类以及定义了哪些方法通常很有用。

您可以使用由网桥定义的一些自省方法来访问这些信息。例如：

String(context.document.class()) // MSDocument

var mocha = context.document.class().mocha()

mocha.properties() // array of MSDocument specific properties defined on a MSDocument instance
mocha.propertiesWithAncestors() // array of all the properties defined on a MSDocument instance

mocha.instanceMethods() // array of methods defined on a MSDocument instance
mocha.instanceMethodsWithAncestors()

mocha.classMethods() // array of methods defined on the MSDocument class
mocha.classMethodsWithAncestors()

mocha.protocols() // array of protocols the MSDocument class inherits from
mocha.protocolsWithAncestors()

Sketch的开发工具

我们创建了一个小的Sketch特定工具来帮助您调试插件，并希望让您的生活更轻松。它采用Sketch插件的形式，您可以在此下载并随其启动cmd + option + j。

原文：https://developer.sketchapp.com/guides/debugging-plugins/