PPMESSAGE 快速查看集成效果的方法

使用 PPMESSAGE 需要将 PPMESSAGE 的代码片段集成到自己的网站中。网站的内容一般都保存在服务器内，更新服务器内容需要有登录服务的用户名密码或者证书等安全要求。

如果想快速查看 集成了 PPMESSAGE 的网站效果，那么本文描述一个不需要更新服务器端代码，只需要自己打开浏览器的 ‘检查’ （inspect）---- 这里只用 Chrome 浏览器作为举例，其它浏览器也类似。将 PPMESSAGE 中 ‘设置’ - ‘网页聊天插件’ 中的 ‘网站插件代码’复制到 Chrome ‘检查’ 的 ‘Console’ 中。

插件代码形如：

<script> window.ppSettings = {app_uuid:'a600998e-efff-11e5-9d9f-02287b8c0ebf'};(function(){var w=window,d=document;function l(){var a=d.createElement('script');a.type='text/javascript';a.async=!0;a.charset='utf-8';a.src='https://ppmessage.cn/ppcom/assets/pp-library.min.js';var b=d.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)}l();})();</script>

在 Chrome - ‘检查’ - ‘Console’ 中对上述代码略作调整，移除开头和结尾的‘script’标签变成：

window.ppSettings = {app_uuid:'a600998e-efff-11e5-9d9f-02287b8c0ebf'};(function(){var w=window,d=document;function l(){var a=d.createElement('script');a.type='text/javascript';a.async=!0;a.charset='utf-8';a.src='https://ppmessage.cn/ppcom/assets/pp-library.min.js';var b=d.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)}l();})();

将光标移至代码段尾部，（告诉你一个快捷键 Ctrl + e，能够迅速移动至行尾）回车即可执行！

看看你的网站有什么变化。

假设你的网站是百度，想看看 PPMESSAGE 在百度网站上加载的显示效果。

Screen Shot 2017-05-01 at 11.08.41 AM.png

一切是否如你所愿呢？上边的例子中引用的 app_uuid 是 PPMESSAGE 自己使用的 （PPMESSAGE 也在使用 PPMESSAGE），要用你的 app_uuid 替换哟!