SVG 交互图文导入|一按保存图就消失?微信团队官方教你解决问题!

交互图文火热的 2022 年,不少小编都加入了 SVG 设计学习的浪潮中。

而在具体操作层面,无论是使用我们 e2.cool 黑科技编辑器,还是秀米、135 等 SVG 编辑器,在制作完精美的互动结构后,都要经过导入公众号的环节。

关于基本的导入流程,我们在这则答复《请问在e2平台上弄好代码后怎么复制粘贴到微信平台呢?》里做过介绍。不过有的时候,可能会出现只要一按保存,SVG 结构内图片就都消失的问题,而且无论使用什么样的编辑器和辅助插件都会存在相似问题。

这时候,问题大概率出在了浏览器配置上。在撰写本教程前我们特别咨询了 E2 的好伙伴微信官方团队,他们特地为大家整理了解决办法,一起来看看吧!

具体如何操作?我们 e2.cool 黑科技编辑器为大家来展开说说。

启动 Chrome 开发者调试工具

首先,通过 F12 或 Ctrl(Command)+shift+c 启动谷歌浏览器的开发者调试工具。此时如果你将代码黏贴入(贴入方法参考《请问在e2平台上弄好代码后怎么复制粘贴到微信平台呢?》,注意不是插件导入),草稿会发生变化展示出你的完整图文。此时点击「Network」,并搜索「cdn」:

筛选器中去掉所有 CDN:

此时你应该会看到下方罗列出了 cdn 加速上传列表,请点击禁用图标删除他们:

变更为 operate_appmsg:

确保刚才的列表清空后,搜索输入「operate_appmsg」:

目前是空的,没关系。请在图文编辑区重新注入一次代码,稍等片刻这个列表会完成加载:

这时候我们再按保存,图文编辑区的 SVG 结构就全部被完整保存下来啦!


任何公众号运营中的疑难杂症,都欢迎邀请我们回答哦。

这里是黑科技编辑器(e2.cool),会的比别人多一点。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容