交互图文火热的 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),会的比别人多一点。