Before QQ browser has been the main force my front-end debugging tool, because it is a casing browser , so it's compatible mode (Google Chrome kernel) and speed mode (IE browser kernel) is simply debugging compatibility artifact, can switch directly, and do not have to repeatedly open Chrome IE. And the F12 commissioning stage there are wood look feel very familiar, yes, this is the Google browser that comes with a native developer tools, it makes me feel instead of the Google browser directly QQ browser debugging is entirely possible. But in the end I honestly do browser into Google main debugging tools, please read the specific reasons.
In order to reproduce the magic bug, I've come to a few months ago to write the code that rolled back down, was to take advantage of this Mand Mobile phone UI library to write a h5 drop-down load more features that this drop can be loaded into 20 Article shown in Figure 1, we can see that the console has two "came" output statement, also hit a breakpoint, indeed trigger a drop-down method loaded twice more, each time loading five, but the page is loaded only to 10, the display message does not bottom of the slide area. Finally Mozhe, was replaced with the next Google browser, Google Chrome was found suggests warn, as shown in Fig.
Effect Figure 1 QQ browser running without prompting
Effect 2 Google browser running, warning
Erupted know, oneWeek method used Vue page is not defined, although it is I have to make a stupid mistake, but even a little QQ browser errors and warnings not to mention, so my first view of the QQ I am very disappointed. Although the localization casing browser do well, a variety of auxiliary functions and appearance are doing our favor. However, careful analysis, casing browser why not compare the native browser, first, because they are streamlined in order to reduce the volume of software kernel, but this will appear in the browser page or when debugging unpredictable and difficult bug and errors of judgment. Second, compared to the original browser, the browser casing in order to modify its core, so that the kernel kernel version than the native version of the browser will vary several versions. For example, I installed the latest version of PC QQ browser (as shown in Figure 4) and the latest version of the Chrome browser (as shown in Figure 5).
图4 QQ浏览器的Chromium版本为70.0.3538.25
图4 Chrome浏览器的Chromium版本为77.0.3865.90
77.0.3865.90版本是2019.9发布的，70.0.3538.25版本是2018.8发布的，相差了半年多，期间的开发版，稳定版，测试版，金丝雀版版本将近20个版本！当然，每个人有每个人喜欢的浏览器，我们没有权利去强制别人使用同一款浏览器，也不必有浏览器高低之分的言论。但是，你如果是个Web前端开发人员，最好使用原生浏览器，这不仅仅是为了那些使用者考虑，也会为你的调试带来许多的便利。
图5 根据网站通讯流量监测机构StatCounter的统计，Chrome还是一枝独秀
顺便下整理常用浏览器的内核（基于2019年9月）：
Chrome浏览器：Chromium（基于Blink）
Safari浏览器：Webkit（Blink和Trident的鼻祖）
火狐浏览器：Gecko
Opera浏览器：Chromium（以前也有属于自己开发的Presto内核，现已淘汰，加入谷歌豪华套餐）
IE浏览器：IE（基于Trident）
UC浏览器：Webkit
Edge浏览器：Chromium
QQ浏览器：Chromium（极速模式）+IE（兼容模式）
360浏览器：Chromium（极速模式）+IE（兼容模式）
2345浏览器：Chromium（极速模式）+IE（兼容模式）
猎豹浏览器：Chromium（极速模式）+IE（兼容模式）
搜狗高速浏览器：Chromium
百度浏览器：IE
遨游浏览器：IE
世界之窗浏览器：IE