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

相关推荐
惟恋惜3 小时前
Jetpack Compose 界面元素状态(UI Element State)详解
android·ui·android jetpack
_李小白4 小时前
【Android FrameWork】延伸阅读:IGraphicBufferProducer驱动UI绘制过程
android·ui
_李小白5 小时前
【Android FrameWork】第二十八天:Activity 的 UI 绘制全过程
android·ui
qq_205279057 小时前
unity 像素ui的适配问题
ui
惟恋惜7 小时前
Jetpack Compose 多页面架构实战:从 Splash 到底部导航,每个 Tab 拥有独立 ViewModel
android·ui·架构·android jetpack
烟锁池塘柳01 天前
【技术栈-前端】告别“转圈圈”:详解前端性能优化之“乐观 UI” (Optimistic UI)
前端·ui
yuegu7771 天前
DevUI Modal 模态弹窗组件使用详解
ui·前端框架
TMO Group 探谋网络科技1 天前
AI电商的应用:Magento 使用 Adobe 生成式 AI改造7大业务场景
大数据·人工智能·adobe·ai
少年张二狗1 天前
Vue + Element-UI 图片上传实现拖拽排序功能
前端·vue.js·ui
sailing-data1 天前
【UI Qt】入门笔记
开发语言·qt·ui