图片在笔记里面不能展现异常b,图片(组图)

　　图片在笔记里面不能展现异常b,图片(组图)

　　直接进入主题

　　----------------------------------------------- -----------

　　1、伪协议

　　前期引导用户存储地址为javascript://some code的书签

　　2、import js

　　当用户点击书签时，在当前页面执行javascript:之后的代码。代码的内容大概是创建一个脚本节点并引入一个外部js资源

　　3、创建 iframe

　　加载js资源时，在当前页面创建一个iframe，并引入一个页面来引导录制和抓取操作

　　4、文本提取

　　当用户选择body而不是url时，需要提取body，主要是基于5、6步骤的原因（补充：如果body是ajax生成的或者需要权限验证等，后台没有解决方案），应该采用前端文本提取，而不是后台提取。关于文本提取的算法，请以google为例，根据文本的行高和字体大小的相似度来确定文本的位置。

　　5、格式预约

　　如果提取的文本与当前页面的css资源分离，会丢失原来的格式化格式，可读性有偏差。所以这里需要用js实时计算文本的样式（如字体、颜色、行高等），写成内联样式。 （在我们平时的复制粘贴操作中，浏览器会自动做同样的事情。如果要在后台保留格式，需要启动一个浏览器内核来计算，是不是比较复杂？）

　　6、图片捕捉

　　一般情况下，如果我们抓取的文字中有图片，就是html中的img标签。抓取云笔记后可能会出现这些问题：

　　a、图片所在的服务器不稳定，导致图片在备注中显示异常

　　b、图片服务器已经做了源码验证，图片无法在备注中显示

　　c、图片为内网域名，更改网络环境后无法查看

　　这时候我们需要做图片传输：

　　A 和 b 可以在捕捉时在后台传输，但 c 的情况必须取决于前景。在高端浏览器中，前端将图片转换为base64并预先存储在html中，然后在后台传输。