Git版本控制&浏览器兼容性测试

Git版本控制工具

一、Git的基本概念

Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理

Gitee 码云是有开源中国出品的代码托管平台，支持Git和SVN，提高免费的私有仓库托管

GitHub 全球最大的面向开源以及私有软件项目的托管平台，免费注册并可以免费托管开源代码

GitLab 与GitHub类似，也是属于第三方基于Git开发的产品，不同是 GitLab可以部署到自己的服务器上，代码数据都是掌握在自己手中，适合公司内部团队开发

二、Git在公司使用

1、安装好git工具
git -- 命令行模式操作
tortoiseGit --图形化界面操作，以后想操作可以用

2、公司会有一个git服务器多个仓库，一般项目仓库，针对不同的人账号不同权限！问老大
1）首先，你需要一个git账号，公司的缩影文件或代码都放在git仓库中（仓库地址），需要有账号才能克隆相应的分支下来，得到所有的文件或代码；
2）然后，你也可以把本地推送到远程仓库中（账号有权限）

3、分支（Branch）和主线（Master）
主线（master）：主树干，一般放稳定的代码（最终的文档）
分支（branch）：树杈，每个人（组）维护一个分支，等稳定后合到并主线

使用分支意味着你可以把你的工作从开发主线分离来，以免影响开发主线。比如：每个人都有代码/文档提交到一个公共的服务器，避免互相影响，自己提交到自己的分支，有专门的人来合并（merge）到主干分支

三、Git的功能使用

1、git克隆
git clone 远程仓库地址
#在本地按照远程仓库名生成对应的文件夹，弹框填写Gitee的账号名和密码（请先确认账号可登录Gitee成功）

cd 本地仓库名
进入到本地仓库，前提是已经进入文件夹内，所有直接使用相对路径即可，推送和拉取操作都是在仓库门目录下

2、git推送 ：确保在对应本地仓库下操作

git add .  # 添加文件到缓存， . 表示氮气路径下所有的文件; . 可以换成具体某个文件名，多个文件时 空格隔开

git commit -m "这是写备注信息" #提交文件到本地仓库

git push 仓库名称/分支名称 #推送到远程仓库，clone下来默认是仓库名orgin，分支名称为master

3、git拉取：确保对应本地仓库下的操作
git pull 仓库名称/分支名称 #默认仓库名orgin，分支名称为master

4、查看远程仓库名  git remote

注意：
在掌握以上操作，注意每次推送前，先进行拉取（确保本地仓库跟远程仓库文件资料一致）不然易报错！

常见笔试面试题

1、你公司的代码、项目文档怎么管理的？
答： git版本控制

2、git操作使用场景以及常用操作有哪些？
答：
1）git克隆
git clone 远程仓库地址

2）git推送 ：
git add . 

3）git拉取：
git pull 仓库名称/分支名称

4）查看远程仓库名  
git remote

......

浏览器兼容性

课程目标

1、浏览器兼容性问题介绍
2、常见浏览器介绍
3、浏览器兼容性测试场景
4、场景笔试面试题

浏览器兼容性问题介绍

产生浏览器兼容性的问题原因：
    因为不同浏览器使用内核以及所支持的HTML（标准通用标记语下的一个应用）等网页语音标准不同；以及用户客户端的环境不同（如分辨率不同）造成的显示不能达到理想效果。常见的问题就是网页元素位置混乱，错位。
    
内核：决定了浏览器如何显示网页的内容以及页面的格式信息

问题： 2款浏览器 IE、360，内核一样，同一个web网页呈现效果一样吗？
-- 差不多

常见浏览器介绍

IE内核
世界之窗(The World)、傲游浏览器(Maxthon)、腾讯TT(Tencent Traveler)、爱帆浏览器(Avant Browser)、360安全浏览器(360SE)、搜狗浏览器(兼容模式)(Sougou Explorer)、瑞影浏览器(Rayying)

Webkit内核
谷歌浏览器、Safari浏览器、搜狗高速浏览器

Gecko内核

Presto内核
如，Opera浏览器

浏览器兼容性测试场景

什么时候需要做浏览器兼容性测试？
1、客户有要求，指定浏览器   如：政府企业网站，覆盖IE
2、网站一般都需要做兼容，用户使用量+内核来看，选取主流浏览器：edge、Safari、谷歌、火狐、UC
---未覆盖浏览器兼容一定要在测试报告体现

一般兼容性测试是怎么来做的？
兼容性测试内容：进行功能测试用例--同步查看界面有无错乱、错位 等问题
主要是页面的格式，字体、输入框、下拉框、复选框、按钮等检查

基本兼容性测试认为分配：
web网站1个人任务：谷歌浏览器上面执行所有功能测试用例，其他IE、火狐等功能的基本操作覆盖查看有无兼容性问题

web网站多个任务：
A、注册登录、商品管理、购物车、订单； 谷歌-主要功能测试、火狐、UC、Safari
B、活动-优惠卷、团购商品、秒杀活动
C、首页、客户中心、订单管理、退货管理

场景笔试面试题

1、小众浏览器出现问题，需要做兼容性测试吗？ 用户反馈在小众浏览器上有问题？一般情况下，公司怎么处理？
答：建议客户更换其他主流浏览器、远程协助按照操作指导

2、如果一个网站分为前台访问系统、后台管理系统；是否都需要做浏览器兼容性测试？
---前台，面向客户、买家买东西访问系统
---后台，面向管理人员、卖家店铺管理系统

前台--需要做兼容性测试
后台--不需要，自主更换浏览器使用即可

3、浏览器兼容性测试怎么做？
选取主流浏览器进行测试，比如：IE、edge、苹果、谷歌、火狐UC；在需要做兼容性等浏览器上执行功能测试用例，同步查看界面有无兼容性问题。如：有无错乱、错位等

git操作练习

image-20221016182844512.png