美文网首页
PPMESSAGE 快速查看集成效果的方法

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

作者: 丁贵金 | 来源:发表于2017-05-01 11:11 被阅读73次

    使用 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 替换哟!

    相关文章

      网友评论

          本文标题:PPMESSAGE 快速查看集成效果的方法

          本文链接:https://www.haomeiwen.com/subject/kqyftxtx.html