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

相关推荐
修炼前端秘籍的小帅9 天前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
王码码20359 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
2501_921930839 天前
Flutter for OpenHarmony:第三方库实战 chewie 视频播放器UI组件详解
flutter·ui
梵得儿SHI9 天前
Vue3 生态工具实战宝典:UI 组件库 + 表单验证全解析(Element Plus/Ant Design Vue/VeeValidate)
前端·vue.js·ui·elementplus·vue性能优化·antdesignvue·表单验证方案
Unity游戏资源学习屋9 天前
【Unity UI资源包】GUI Pro - Casual Game 专为休闲手游打造的专业级UI资源包
ui·unity
麻瓜呀10 天前
vue2 Element-ui框架相关常见问题-表单组件重置显示异常
运维·服务器·ui
少云清10 天前
【UI自动化测试】4_PO模式 _PO模式封装
ui·po模式
菜鸟小芯10 天前
【GLM-5 陪练式创意 UI 实战】第二篇:创意魔法盒 —— 从 “开心” 到 “科技感”,AI 驱动的 UI 风格迭代
科技·ui