文库一点收怎样实现的?
个人分析一点收的流程:
1 利用JS将客户端所在页面POST服务器,
2 服务器经过分析去噪后将标题、内容返回给客户端。
3 客户端用JS将返回的内容渲染并盖住当前页面。
4 客户端将用户修改后的数据提交服务器。
涉及到的技术: JS跨域,网页去噪,AJAX等。
另发现文库一点收JS代码中总出现XIMPORTER,求大侠指点。
请大侠详细分析,并指出我的错误,不甚感激!
dogmoon
11 years, 6 months ago
Answers
加载 JS http://wenku.baidu.com/collect/pcboot?timestamp=1371541331341
这个 JS 分为几个部分,首先是 jQuery.1.8.3.min,然后是 ParseElement,用于提取页面的文章标题和内容(网页去噪),接着是 croDomain,用于 iframe 的跨域。
然后 JS 加载了一个 iframe, http://wenku.baidu.com/collect/pclayer?href= {location.href}(这个页面没有内容),然后用 croDomain 给这个 frame 里发送 ParseElement 得到的内容。至于到了 iframe 里我没仔细看。
- 利用 JS 加载一个页面,
- JS 经过分析去噪后直接获取标题、内容。
- 将获取的标题内容送到 iframe 里。
- iframe 里再有 ajax 将修改后的内容 post 到 baidu 上。
asukahe
answered 11 years, 6 months ago