javascript - HTML5怎么实现像QQ那样的手机聊天界面？

Question

1、HTML5怎么实现像QQ那天的手机聊天界面？
2、展示和使用流畅、用户体验效果良好；
3、适配各种主流的手机。

Answer 1

融云，环信 好几个这样的服务商，百度一下就ok了。

Answer 2

走的是通信技术还是数据库？通信技术你应该不需要处理的，数据库的话，就让它左右漂移

<script type="row">
        <p>
            <table id="tab1">
                <tr class="p1"  style="display:<%=type1%>">
                    <td><span style=""><img class="img1"  src="<%=fId%>" onclick="tiaozhuan1('<%=fsr%>','<%=xm%>')" width="40px" height=""></span></td>
                    <td><p><%=text%></p></td>
                </tr>
                <tr class="p2" style="display:<%=type2%>">
                    <td><p><%=text%></p></td>
                    <td><span style=""><img class="img2"  src="<%=fId%>" onclick="tiaozhuan2('<%=fsr%>','<%=xm%>')" width="40px" height=""></span></td>
                </tr>
            </table>
        </p>
    </script>

Answer 3

使用canvas画界面.

Answer 4

如果要做webapp 至少用cordova 要不然api都缺一大堆

Answer 5

光是聊天界面的话 cordova + ionic 这个比较快速

Answer 6

就是想实现环信的那种效果的