Adobe illustrator CEP插件调试

1.创建插件CEP面板,可以参考:http://blog.nullice.com/%E6%8A%80%E6%9C%AF/CEP-%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B/%E6%8A%80%E6%9C%AF-CEP-%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B-Adobe-CEP-%E6%89%A9%E5%B1%95%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B-%E3%80%8C-1-%E3%80%8DHello-World/http://blog.nullice.com/%E6%8A%80%E6%9C%AF/CEP-%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B/%E6%8A%80%E6%9C%AF-CEP-%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B-Adobe-CEP-%E6%89%A9%E5%B1%95%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B-%E3%80%8C-1-%E3%80%8DHello-World/

2.调试:如果是调试单个jsx,可以用 Adobe ExtendScript Toolkit 来调试,比较方便,下载地址:

https://github.com/Adobe-CEP/CEP-Resources/tree/master/ExtendScript-Toolkit

先将模式切换到Debugging,调试目标选择illustrator,打开要调试的jsx,然后就可以运行、调试了

打断点:要在鼠标光标所在的行打断点:F9

3.要调试CEP的话,首先在插件根目录创建一个.debug文件,里面的内容大概是:

<ExtensionList>

<Extension Id="pannel_id">

<HostList>

<Host Name="ILST" Port="9087"/>

<Host Name="PHSP" Port="9086"/>

<Host Name="PHXS" Port="9085"/>

</HostList>

</Extension>

</ExtensionList>

Host Name:

然后运行illustrator,打开插件。

然后去 CEF Automated Builds 下载一个80以下的版本

下载client的压缩包,解压后打开cefclient.exe,地址栏填入http://localhost:9087

点index.html即可进入调试。代码里敲入debugger,即可命中断点

相关推荐
hudawei9965 小时前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder
依米阳光086 小时前
Playwright MCP AI实现自动化UI测试
ui·自动化·playwright·mcp
芷栀夏12 小时前
CANN 仓库实战:用 DrissionPage 构建高效、稳定的 UI 自动化测试框架
ui·aigc·transformer·cann
呉師傅15 小时前
【使用技巧】Adobe Photoshop 2024调整缩放与布局125%后出现点菜单项漂移问题的简单处理
运维·服务器·windows·adobe·电脑·photoshop
微祎_17 小时前
构建一个 Flutter 点击速度测试器:深入解析实时交互、性能度量与响应式 UI 设计
flutter·ui·交互
AAA阿giao18 小时前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
晚霞的不甘18 小时前
Flutter for OpenHarmony 构建简洁高效的待办事项应用 实战解析
flutter·ui·前端框架·交互·鸿蒙
百思可瑞教育18 小时前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
XPii1 天前
Photoshop应用——将图片变为水墨画效果
ui·photoshop
AC梦1 天前
unity中如何将UI上的字高清显示
ui·unity