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,即可命中断点

相关推荐
李高钢2 小时前
【WPF】高级 UI 与性能优化实战:从卡顿到丝滑
ui·性能优化·wpf
MOONICK4 小时前
QT的UI开发框架
qt·ui
界面开发小八哥1 天前
界面控件DevExpress Blazor v26.1新版亮点 - Filter Builder等功能升级
ui·界面控件·blazor·devexpress·ui开发
兰亭妙微UI设计公司1 天前
兰亭妙微UI设计:Neemo Project 企业AI项目管理后台全案运营价值解析
人工智能·ui
枫叶丹42 天前
MCP、A2A、AG-UI:一篇讲清 Agent 协议栈
人工智能·ui·chatgpt·agent·codex
山川志~2 天前
Vue + Element UI 实战:如何实现表格时间、金额字段排序
vue.js·ui·elementui
Oll Correct3 天前
Adobe illustrator 案例六:手枪图标绘制
笔记·ui·adobe·illustrator
l1m0_3 天前
React+Tailwind+AI 实战:连锁餐饮管理后台从零到一开发复盘
前端·react.js·ui·ai·ai设计
ryanuo73 天前
Shadcn/ui × Qt 6/QML:一次从 Web UI 到桌面 UI 的组件化实践
c++·qt·ui·shadcn
盛夏绽放4 天前
Proxy与Reflect详解(二):进阶篇——手写Vue3响应式系统
ui·vue3·proxy