前端自动化测试 之 视觉测试

最新推荐文章于 2024-09-21 15:22:33 发布
最新推荐文章于 2024-09-21 15:22:33 发布
阅读量586 收藏 2
点赞数 1
分类专栏： 自动化测试 文章标签： 自动化测试
原文链接：https://segmentfault.com/a/1190000014720175
版权

前端测试分类

5ad6b227e0634.png

前端测试主要分五大方向测试，而这五大方向也分很多小方向测试，首先简单的介绍每个方向的概念

  1. 界面样式测试

    • 固定界面样式测试：主要针对文字内容不变的区域，例如页面的页头，页脚这类结构、内容不变的区域，而测试一般通过截图对比解决。
    • 结构不变界面样式测试：主要针对结构不变的区域，例如新闻区域这类结构不变，内容变化的区域，这类测试一般通过DOM元素对比解决。
    • 计算样式测试：主要针对计算样式不变的区域，这类测试一般通过比较计算样式解决，但是这种测试不推荐，因为测试成本比较大。

  2. 功能测试

    • 服务器数据预期测试：主要针对用户在前端界面进行某种操作后，提交数据给后台后，测试后台能否返回预期的数据
    • 界面功能测试：主要针对用户在前端界面进行某种交互性操作后，测试能否获取预期的功能、界面交互

  3. 多浏览器测试

    • 多浏览器测试：基于界面样式测试、功能测试的基础上来进行不同浏览器的的测试，俗称兼容性测试。

  4. 性能测试

    • 白屏时间：用户浏览器输入网址后至浏览器出现至少1px画面为止。
    • 首屏时间：用户浏览器首屏内所有的元素呈现所花费时间。
    • 页面回归时间：用户浏览器非第一次加载所有的元素呈现所花费时间。
    • 用户可操作时间(dom ready) ：网站某些功能可以使用的时间。
    • 页面总下载时间(onload):网站中所有资源加载完成并且可用时间。

  5. 质量测试

什么样的项目适合自动化测试呢？

5ae7f3fc745e7.png

如上图所示，真正工作中无法全部满足以上条件，所以需要作出权衡，一般来说，只需要满足以下几点，就可以对项目开展自动化测试（1.需求稳定
不会频繁变更。2.多平台运行，组合遍历型，大量的重复任务。3.软件维护周期长，有生命力。4.被测系统开发较为规范，可测试性强。）：

  1. 需求稳定，不会频繁变更

    自动化测试最大的挑战就是需求的变化，而自动化脚本本身就需要修改、扩展、debug，去适应新的功能，如果投入产出比太低，那么自动化测试也失去了其价值和意义；

    折中的做法是选择相对稳定的模块和功能进行自动化测试，变动较大、需求变更较频繁的部分用手工测试；

  2. 多平台运行，组合遍历型、大量的重复任务

    测试数据、测试用例、自动化脚本的重用性和移植性较强，降低成本，提高效率和价值；

  3. 软件维护周期长，有生命力

    自动化测试的需求稳定性要求、自动化框架的设计、脚本开发与调试均需要时间，这其实也是一个软件开发过程，如果项目周期较短，没有足够的时间去支持这一过程，那自动化测试也就不需要了；

  4. 被测系统开发较为规范，可测试性强

    主要出于这几点考虑：被测试系统的架构差异、测试技术和工具的适应性、测试人员的能力能否设计开发出适应差异的自动化测试框架；

什么是UI测试

对于界面布局，传统的测试都是由人工对比设计图和产品界面。当界面有修改之后，再由人通过肉眼去检查修改(包括正确的和错误的修改)，这样即费时而且测试结果又不稳定，因为人工对比测试存在两个巨坑：1.效率低；2.人的不确定性。对于拥有大量复杂界面的Web应用，界面布局的测试的数量巨大，再加上这两个问题，导致这类应用的界面布局测试/回归测试时间很长，成本很高，所以很多基于Agile(敏捷开发)项目基本不可能在迭代周期内高质量的完成其视觉测试。对于每天做一次，那更是不可能完成的任务。

视觉感知测试/视觉回归测试

为了解决上面提到的各种问题，视觉感知测试孕育而生。它使用传统的对图片进行二进制比较的办法，结合敏捷迭代开发的理念，产生的一种针对界面布局的自动化测试方法。

视觉感知测试

视觉感知测试就是对第一个版本的所有界面进行第一次测试。

视觉感知测试包含以下几个主要的测试步骤：

5ae86eda2a1cc.jpg

需要注意的是！

  1. 配对URL（忽略hostname）

    通过配对URL，对所有的截图按照相同的URL进行分组。当然有时候会出现新的界面，有时候老的界面会被删除。对于新的界面就需要人工进行首次验证测试 。

  2. 像素级别的图形比较

    对于分组之后的截图进行像素级别的比较并生产差别图。有时候为了降噪，可以只对局部关心的组件进行比较。

  3. 人工查看所有不同

    最后通过人工审查差别图报告完成测试。

视觉感知测试结果：

预期(expected)实际(actual)比较结果(diff)
1diff

视觉回归测试

我们认为如果一个界面通过第一次的人工验证并发布之后，它就是一个正确的标准界面，并且是包含了人工测试价值的资产。当下一次测试的时候，这部分价值就应该被保留并重用起来，用于减少新的一次测试的时间，从而实现界面的快速回归测试。

视觉回归测试包含以下几个主要的测试步骤：
5aebce31440f0.png

回归和感知测试流程差不多只是差异值要更小一点，并且只有效果图需要替换内容。

视觉自动测试怎么做？

要进行视觉自动测试，有三种方式。

  • 第一种是截屏比对（局部、整页）。
  • 第二种通过JavaScript调用window.getComputedStyle()获取计算后的样式并进行断言。
  • 第三种dom结构对比加css样式对比。

这三种各有明显的优势和不足。 第二种方式强绑定了实现，从而变得可能比较脆弱。 第一种方式离设计太近了，当页面中有可变内容时就会有问题。
第三种方式，无法进行视觉感知测试结果只能进行视觉回归测试和上一版的dom继续比较差异。

我更倾向与第一种截图对比；它的测试基于用户所见而不是用户所见的抽象。当然第三种也是非常好的 page-monitor 有兴趣的朋友可以自行了解。为什么第三种那么好为什么不使用呢？因为上面这个库是基于phantomjs并且它的实现方式过于复杂不适合新手玩玩。

像素对比工具，有哪些？

名称地址
PhantomCSShttps://github.com/HuddleEng/...
GhostStoryhttps://github.com/thingsinja...
Cactushttps://github.com/winston/ca...
Needlehttps://github.com/python-nee...
CSSCritichttps://github.com/cburgmer/c...
sikulihttp://www.sikuli.org/
Mogohttp://mogotest.com/
pixelmatchhttps://github.com/mapbox/pix...
pixel-diffhttps://github.com/koola/pixe...

好了介绍了那么多，怎么选一个合适的Headless Browser呢？

Headless Browser？？？我是视觉测试要无界面浏览器干嘛？

因为有了像素对比工具我们还需要一个浏览器进行截图和设计图进行像素比较。

比较常见出名的几个Headless Browser，有哪些？

名称内核地址
PuppeteerWebkithttps://github.com/GoogleChro...
PhantomJSWebkithttp://phantomjs.org/
SlimerJSGeckohttps://github.com/laurentj/s...
TrifleJSIEhttps://github.com/sdesalas/t...
PhantomJS 基于 Webkit 内核，不支持 Flash 的播放；SlimerJS 基于火狐的 Gecko 内核，支持 Flash播放，并且执行过程会有页面展示。

我们这里呢就只讲Webkit内核的，其他的我就不讲了。

PhantomJS简介：

PhantomJS 是一个基于webkit的JavaScript API。它使用QtWebKit作为它核心浏览器的功能，使用webkit来编译解释执行JavaScript代码。任何你可以在基于webkit浏览器做的事情，它都能做到。它不仅是个隐形的浏览器，提供了诸如CSS选择器、支持Web标准、DOM操作、JSON、HTML5、Canvas、SVG等，同时也提供了处理文件I/O的操作，从而使你可以向操作系统读写文件等。PhantomJS的用处可谓非常广泛，诸如网络监测、网页截屏、无需浏览器的 Web 测试、页面访问自动化等。

但是 PhantomJS 因为毕竟不是真实的用户浏览器环境，使用起来还是有不少的诟病。之前一直在使用 PhantomJS ，功能虽然够用，不过和在真实的浏览器里面访问的界面来对比差别还是比较大的。

Puppeteer简介：

Puppeteer是Chrome团队开发的一个Node库。它提供了一个高级API来控制无头或完整的Chrome。它通过使用Chrome无界面模式 (Headless Chrome )和DevTools协议的组合来实现这一点。它使用一个更上层的API来封装其功能，让用户界面测试自动化变得轻而易举。
人们基于Chrome DevTools协议开发了一系列Google Chrome工具。你在浏览器中点击更多工具 ->开发工具，打开的就是DevTools。DevTools协议是DevTools的动力基础，我们现在可以使用Chrome中的DevTools来做更多的事情。

好了简介讲完了，我们来对比一下这两个Headless Browser的区别。

截图比较

代码：

PhantomJS：

var page = require('webpage').create();

page.viewportSize = { width: 400, height: 400 };
page.open("http://localhost:8899/VS", function(status) {
    if (status === "success") {
        page.render("a.jpg");

    } else {
        console.log("Page failed to load.");
    }
    phantom.exit(0);
});

Puppeteer：

const puppeteer = require('puppeteer');

(async() => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('http://localhost:8899/VS');

    await page.setViewport({ width: 400, height: 400 })

    //保存图片
    const images = await page.screenshot({ path: 'VS.jpg', fullPage: true, omitBackground: true });

    //关闭浏览器
    await browser.close();

})();
PuppeteerPhantomJSChrome浏览器
5ab35f3ecea48.jpg5ab23225073a2.jpg5ab361e464d76.png

浏览器效果（大图）：

5ab232251f25b.png

好了看到这里已经可以分别出来胜负了。

使用puppeteer进行视觉感知测试

我们来做一个简单的dome

我们这里拿掘金来做一个视觉感知测试的例子。

1.首先创建项目名字就叫“PerceptionTest”把。

2.安装依赖

安装Puppeteer

npm install puppeteer --save

像素对比工具我就选我最常用的blink-dif了

npm install blink-diff --save

3.依赖安完了我们来创建一个js文件“app.js”

4.加载依赖

const puppeteer = require('puppeteer'),//无头浏览器
    BlinkDiff = require('blink-diff'),//像素对比
    imgUrl = __dirname + "/blink-diff_img/";//图片目录

5.使用puppeteer进行截图

(async () => {
    //创建puppeteer
    const browser = await puppeteer.launch({ headless: true });
    //new 一个新的tab页面
    const page = await browser.newPage();
    //设置浏览器的尺寸
    await page.setViewport({ width: 1920, height: 945 });
    //打开url
    await page.goto('https://juejin.im/');
    //保存截图
   await page.screenshot({ path: imgUrl + 'Screenshots.png', fullPage: true });
  
    //关闭浏览器
    await browser.close();
})();

6.分析页面找到要替换的内容

为什么要替换内容呢，因为我们UI测试指的是测试界面样式而不是去匹配里面的内容，如果不替换里面的内容那像素对比工具比较出来的相似度肯定很低。所以我们要替换掉内容，要让内容完整统一，我们才好更加精确的去比较差异。

好了我们来分析一下要替换的内容。

5aeb1fa0de449.png

要替换的内容如下：

  1. 标题
  2. 标签
  3. 作者
  4. 发布时间
  5. 阅读数
  6. 列表图片

7.替换内容

puppeteer提供了非常丰富的api，其中有个api叫page.evaluate可以向页面插入一段js。

 await page.evaluate(async () => {

        //列表
        var Lists = document.querySelectorAll("div.feed.welcome__feed > ul > li > div > a > div");
        Lists.forEach(function (element, index, array) {

            element.querySelector("a.title").innerHTML = "测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试";

            //替换标签
            element.querySelector("ul > li.item.category > span").innerHTML = "测试";

            //替换作者
            element.querySelector("ul > li.item.username.clickable > div > a").innerHTML = "测试";

            //替换发布时间
            element.querySelector("div.info-row.meta-row > ul > li:nth-child(3)").innerHTML = "9999天前";

            //替换发布时间
            element.querySelector("div.info-row.meta-row > ul > li:nth-child(4)").innerHTML = "99999999999 次阅读";

            //列表图片
            if (element.querySelectorAll("div.lazy.thumb.thumb.loaded").length==1) {
                element.querySelector("div.lazy.thumb.thumb.loaded").style.background = "#fdedc9";
            } else {
                var loaded=document.createElement("div");
                loaded.className=" lazy thumb thumb loaded";
                loaded.style.background = "#fdedc9";
                loaded.setAttribute("data-v-b2db8566","");
                loaded.setAttribute("data-v-009ea7bb","");
                loaded.setAttribute("data-v-f2ca14b0","");
                element.appendChild(loaded);
            }
        });

    });

8.使用Blink-Diff进行像素对比较

const diff = new BlinkDiff({
        imageAPath: imgUrl + 'example.png', // 设计图
        imageBPath: imgUrl + 'Screenshots.png',//页面截图
        //低于其中差异的像素数/ p（默认值：500） - 百分比阈值：1 = 100％，0.2 = 20％
        threshold: 0.02, // 1% threshold
        imageOutputPath: imgUrl + 'Diff.png'//Diff路径
    });

    diff.run(function (error, result) {
        if (error) {
            throw error;
        } else {
            console.log(diff.hasPassed(result.code) ? '通过' : '失败');
            console.log('总像素:' + result.dimension);
            console.log('发现:' + result.differences + ' 差异.');
        }
    });

完整代码：

const puppeteer = require('puppeteer'),
    BlinkDiff = require('blink-diff'),
    imgUrl = __dirname + "/blink-diff_img/";

(async () => {
    const browser = await puppeteer.launch({ headless: true });
    const page = await browser.newPage();
    await page.setViewport({ width: 1920, height: 945 });
    await page.goto('https://juejin.im/');



    await page.evaluate(async () => {

        //列表
        var Lists = document.querySelectorAll("div.feed.welcome__feed > ul > li > div > a > div");
        Lists.forEach(function (element, index, array) {

            element.querySelector("a.title").innerHTML = "测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试";

            //替换标签
            element.querySelector("ul > li.item.category > span").innerHTML = "测试";

            //替换作者
            element.querySelector("ul > li.item.username.clickable > div > a").innerHTML = "测试";

            //替换发布时间
            element.querySelector("div.info-row.meta-row > ul > li:nth-child(3)").innerHTML = "9999天前";

            //替换发布时间
            element.querySelector("div.info-row.meta-row > ul > li:nth-child(4)").innerHTML = "99999999999 次阅读";

            //列表图片
            if (element.querySelectorAll("div.lazy.thumb.thumb.loaded").length==1) {
                element.querySelector("div.lazy.thumb.thumb.loaded").style.background = "#fdedc9";
            } else {
                var loaded=document.createElement("div");
                loaded.className=" lazy thumb thumb loaded";
                loaded.style.background = "#fdedc9";
                loaded.setAttribute("data-v-b2db8566","");
                loaded.setAttribute("data-v-009ea7bb","");
                loaded.setAttribute("data-v-f2ca14b0","");
                element.appendChild(loaded);
            }
        });

    });

    await page.screenshot({ path: imgUrl + 'Screenshots.png', fullPage: true });

    const diff = new BlinkDiff({
        imageAPath: imgUrl + 'example.png', // 设计图
        imageBPath: imgUrl + 'Screenshots.png',//页面截图
        threshold: 0.02, // 1% threshold
        imageOutputPath: imgUrl + 'Diff.png'//Diff路径
    });

    diff.run(function (error, result) {
        if (error) {
            throw error;
        } else {
            console.log(diff.hasPassed(result.code) ? '通过' : '失败');
            console.log('总像素:' + result.dimension);
            console.log('发现:' + result.differences + ' 差异.');
        }
    });


    //关闭puppeteer
    await browser.close();
})();

差异图

有差异无差异
5aeb373a1fa34.png5aeb3773ec472.png

git完整代码

git完整代码：https://github.com/my07ke/Per...

好了，欲知后事如何,请听下回分解。

5aebd8bbb1762.gif

点击链接加入群聊【前端|WEB|CSS|Javascript|HTML】：https://jq.qq.com/?_wv=1027&k...

参考：

浅谈UI自动化测试

视觉感知测试

 

CamilleZJ
关注
专栏目录
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 1968
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
自动化测试
生活在别处
05-20 744
文章目录概念定义流程价值适用场景劣势需要手工测试的场景要求测试开发技能树流程管理和代码管理系统编程语言服务端测试理论测试框架需要掌握的非测试知识通用要求强大的内心测试思维度量手工测试性能测试度量自动化测试度量通用度量相关技术指南好的测试用例的特征测试数据准备1.0阶段2.0阶段3.0阶段4.0阶段代码级测试人工静态方法自动静态方法人工动态方法自动动态方法代码覆盖率的局限性MBT概念模型有限状态机状态图UMLMBT基本原理优势劣势一种测试用例自动化生成的方案重温等价类划分弱一般等价类组合策略与工具数据集与组合
1.前端自动化测试 之 视觉测试
Royal的博客
05-04 4637
前端自动化测试 之 视觉测试 前端测试分类 前端测试主要分五大方向测试，而这五大方向也分很多小方向测试，首先简单的介绍每个方向的概念 界面样式测试 固定界面样式测试：主要针对文字内容不变的区域，例如页面的页头，页脚这类结构、内容不变的区域，而测试一般通过截图对比解决。 结构不变界面样式测试：主要针对结构不变的区域，例如新闻区域这类结构不变，内容变化的区域，这类测试一般通过DO...
用Appraise自动化视觉测试
weixin_33955681的博客
05-20 105
\看新闻很累？看技术新闻更累？试试下载InfoQ手机客户端，每天上下班路上听新闻，有趣还有料！\\\在开发界面外观是成功关键的应用程序时，自动化视觉测试会带来很大的帮助。Appraise是在麻省理工学院授权的GitHub上的一款开源工具，它将实例化需求的应用于视觉方面。它帮助团队使用视觉检查来审查审批对web页面的更改。\\Appraise的创始人Gojko Adzic在2018年欧洲测试会议上发...
如何实现前端项目的自动化测试？
最新发布
okcross0的博客
09-21 745
如果是新起动的UI自动化测试，建议可以先选好框架，然后选择一个业务流程作为案例，以该案例为目标去执行框架的搭建和脚本的开发，完成开发后主要投入回归测试当中，看看实际执行的效果如何，然后统计投入的时间和人力成本，然后再进行下一步的推进。PO，是Page Object的缩写，简单来说，就是将前端项目中的每个页面封装为一个“类”，页面上的元素都封装为实例的“属性”，页面上的功能操作都封装为实例的“方法”。相比手动测试，UI自动化测试可以快速、准确地执行大量的测试用例，提高测试效率，减少人工测试的工作量。
2022年的7个测试自动化预测：自动化视觉测试
zhuoyue123_的博客
09-29 168
运行独立QA团队的公司发现错误的时间要晚于具有综合质量的团队。随着质量责任的增加，更多的开发团队将构建测试自动化。因此，SeleniumJavaScript和Cypress的采用率将会增长，其中Cypress的增长幅度最大。在过去的测试方法中，单元测试独立于系统级和完整的端到端集成测试运行。当然，测试速度很重要。为了加快测试速度，开发团队将寻求通过利用人工智能工具生成测试条件、标准化测试设置以及识别未测试代码和测试中的冗余来消除冗余测试。采用该技术的公司将在加快测试速度的同时尝试最大化测试覆盖率。
前端视觉测试工具：Applitools Eyes
JOY 酷酷的专栏
03-03 2709
运行 Demo ( OSX 环境） 下载 & 安装 Demo 项目 git clone https://github.com/applitools/tutorial-selenium-javascript.git cd tutorial-selenium-javascript npm install 下载 & 安装 ChromeDriver 登录 [Applitool...
未来必备！2024年15款最强大的自动化UI测试工具盘点，让你的测试游刃有余！_页面自动化测试工具
2401_84558983的博客
05-12 2424
用户可以使用其可扩展、安全且可靠的云 Selenium Grid在包含 3000 多个真实浏览器和浏览器版本的在线浏览器场上执行自动化 Web 测试，以最大限度地提高 UI 自动化测试的测试覆盖率。因此，您可以花更少的时间寻找烦人的问题。Appium 的美妙之处在于它的灵活性：它支持各种语言、测试框架和支持工具，使其成为移动应用程序测试的开发人员和测试人员的首选。通过专注于项目的 JavaScript 部分并提供创建可在浏览器上运行的自动化测试的能力，Squish 有助于确保整个开发过程中的项目质量。
vbot自动化前端测试无需编写脚本
08-07
vbot: 自动化前端测试，无需编写脚本。基于JSON的视觉回归测试工具，特别适用于SPA或复杂的网络应用程序
avi:基于 decaf 和前端检测工具的自动化视觉检测
06-13
2. **前端检测工具**: 在JavaScript环境中，前端检测工具可能指的是如Selenium、Puppeteer这样的自动化测试框架，它们可以模拟用户交互，自动执行一系列操作并检查结果，以确保Web应用的功能性和UI的一致性。...
前端测试技术方案总结
u012384510的博客
02-07 740
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。本文约 3500字，预计阅读需要 10分钟。在前端测试中，框架可以把测试代码抽离出来，作为一个整体结...
blink-diff:轻巧的图像比较工具
04-14
闪烁差异 轻巧的图像比较工具 目录 知觉比较 记录中 阻挡 例子 API文档 测验 项目重点 项目命名 会费 贡献者 第三方图书馆 执照 ##图像比较和结果 ＃＃安装 使用以下命令安装此模块： npm install blink-diff 将模块添加到您的package.json依赖项中： npm install --save blink-diff 将模块添加到package.json dev-dependencies： npm install --save-dev blink-diff ＃＃用法 该软件包可以两种不同的方式使用： 每个命令行 通过一个对象 ###命令行用法 命令行工具可以在bin目录中找到。 您可以通过以下方式运行该应用程序： blink-diff --output < output> .png < image> .png < image>
Yahoo Blink-Diff 图像对比工具教程
gitblog_00819的博客
08-12 292
Yahoo Blink-Diff 图像对比工具教程 blink-diffA lightweight image comparison tool.项目地址:https://gitcode.com/gh_mirrors/bl/blink-diff 1. 项目介绍 Blink-Diff 是一个轻量级的图像比较工具，由Yahoo开发并维护。它用于检测两个PNG图片之间的差异，并基于人类视觉感知来计算相似...
Puppeteer浏览器窗口大小window size设置方法
houn27的博客
11-25 9069
最近在研究node.js爬虫，接触到Puppeteer包 发现通过browser对象参数的defaultViewport设置无法改变浏览器窗口大小，原因未知 const browser = await puppeteer.launch({ headless:false, defaultViewport: { width: 375, height: 800, }, }); 使用page的page.setViewport()方法也无效 page.s
Web+图像目标检测项目—②前端代码逻辑
LFZ的博客
11-30 621
Web图像目标检测项目②——前端代码逻辑
Linux下安装blink-diff
一个人的博客
08-19 715
命令: npm install blink-diff -g npm install --save blink-diff -g npm install --save-dev blink-diff -g -g的意思是全局安装，但是我安装后无法全局使用 解决方法: ln -s /usr/local/nodejs/node/bin/blink-diff blink-diff /usr/l...
windows下面编译blink/blink/ chromium 浏览器
探秘
03-23 4573
reference： http://dev.chromium.org/developers/how-tos/get-the-code 1， 下载 depot_tools WINDOWS Download the depot_tools bundle and extract it somewhere. Warning DO
git-hub基本流程
qq_36974971的博客
03-10 5485
参考：将派生出的副本克隆到本地创建出名称有意义的分支修改代码检查改动将改动提交到分支中将新分支推送到 GitHub 的副本中git clone https://github.com/tonychacon/blink cd blink git checkout -b slow-blink git diff --word-diff git commit -a -m 'three seconds is ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值