腾讯X5浏览器的学习研究

1.为什么要使用腾讯x5

最近，在开发过程中遇到一些问题，比如在玛氏项目，遇到的视频兼容性问题，以及在泛海电子发票的开发中，遇到webview无法加载word文档，以及PDF文件，而此时x5的出现，很好的解决了这种问题。android自带的webview遇到很多兼容问题，以及功能的局限性，已经无法跟上android系统的更新。

2.TBS(腾讯浏览服务)的优势

1. 速度快：相比系统webview的网页打开速度有30+%的提升；

2. 省流量：使用云端优化技术使流量节省20+%；

3. 更安全：安全问题可以在24小时内修复；

4. 更稳定：经过亿级用户的使用考验，CRASH率低于0.15%；

5. 兼容好：无系统内核的碎片化问题，更少的兼容性问题；

6. 体验优：支持夜间模式、适屏排版、字体设置等浏览增强功能；

7. 功能全：在Html5、ES6上有更完整支持；

8. 更强大：集成强大的视频播放器，支持视频格式远多于系统webview；

9. 视频和文件格式的支持x5内核多于系统内核

10. 防劫持是x5内核的一大亮点

3.SDK的集成步骤

1.下载sdk,放入工程lib文件下，下载地址：https://x5.tencent.com

2权限配置（manifest文件中配置）
<uses-permissionandroid:name=“android.permission.WRITE_EXTERNAL_STORAGE” />
<uses-permissionandroid:name=“android.permission.ACCESS_NETWORK_STATE” />
<uses-permissionandroid:name=“android.permission.ACCESS_WIFI_STATE” />
<uses-permissionandroid:name=“android.permission.INTERNET” />
<uses-permissionandroid:name=“android.permission.READ_PHONE_STATE” />

3.布局的配置

<com.tencent.smtt.sdk.WebView
android:id="@+id/forum_context"
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:paddingLeft=“5dp”
android:paddingRight=“5dp” />

4.初始化

App 在启动后（例如在 Application 的 onCreate 中）立刻调用 QbSdk 的预

5.代码的编写

可以到官方文档下载新的demo

6.需要注意的点

（1）调整cookie的使用
com.tencent.smtt.sdk.CookieManager和com.tencent.smtt.sdk.CookieSyncManager的相关接口的调用，在接入SDK后，需要放到创建X5的WebView之后（也就是X5内核加载完成）进行；否则，cookie的相关操作只能影响系统内核。
（2）如果有视频的相关操作，需要注意兼容性问题，兼容视频播放
页面的Activity需要声明android:configChanges=“orientation|screenSize|keyboardHidden”

2)视频为了避免闪屏和透明问题，需要如下设置
a)网页中的视频，上屏幕的时候，可能出现闪烁的情况，需要如下设置：Activity在onCreate时需要设置:
getWindow().setFormat(PixelFormat.TRANSLUCENT);

3）到最后，一定要注意释放掉webview

7.常见问题

在集成过程中，常见问题
https://x5.tencent.com/tbs/technical.html#/sdk

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value