7.2  应用场景

  • 运 Security Overview
    可以立即查看时页面是否安全。
  • 自我批评各个源以查看连接和证书详情(安全源)或探寻来切实怎么着请求未让保障(非安全源)。

9. 关机及重启

shutdown [-t 秒数] [-rkhncf] 时间
[警告信息]
shutdown -h now
立即关机,相当给halt
shutdown -r now
立即还开,相当于reboot
dmesg | more 查看开机信息
clear 清屏

4.3  操作 

11. 体系并管理菜单

setup:系统服务管理命令
ntsysv;设置系统服务

4.3.3  清除网络要

 图片 1

13. 实时报道

write:给指定用户发信
write username
talk:
wall: 给所有人发信

1  说明

这篇稿子针对性Chrome
DevTools常用功能进行调研分析。描述了每个功能点能够促成之机能、应用场景和详细操作。

23. BASH常用变量

$HISTFILE:
用于储存历史命令的文本
$HISTSIZE:历史命令列表的分寸
$HOME:当前用户的舍目录
$OLDPWD:前一个目
$PATH:bash寻找可执行文件的物色路径
$PS1:命令行的一级提示称
$PS2:命令行的二级提示称
$PWD:当前工作目录
$SECONDS:当前shell开始后所通过的年月长度,单位为秒

4.2  应用场景

18. 源主次的编译过程

./configure检查系统信息
./configure –help | more
给来configure的声援信息
make clean 清除之前留的文书
make 编译
make install 安装
设置时大都查README/INSTALL文件的说明

7.3.1   使用 Security Overview 可以立刻查看时页面是否安全。

康宁页面会通过信息 This page
is secure (valid HTTPS). 

点击 View
certificate 查看主源的服务器证书。

 图片 2

不安全页面会通过信息 This
page is not secure.

Security 面板可以分两栽不安全页面。 如果要的页面通过 HTTP
提供,则主源会受记为非安全。如下图

图片 3

万一要的页面通过 HTTPS
检索,但页面会继续采取 HTTP
检索其他源之内容,然后页面还会吃记为非安全。这叫混内容页面。 混合内容页面就受有保障,因为 HTTP
内容可被嗅探器获取到还容易受到中人抨击。如下图

图片 4

17. 查找文件

locate:
find:
which:
whereis:

4.1  功能

  • 测试网性
  • 分析网络要

8. 文件于命令

diff
cmp

5.1  功能

  • 页面资源查找
  • 实现代码编辑一同到当地功能
  • 调试javascript

20. 通配符(wildcard character)

?:表示该职位好是随便单个字符
*:表示该岗位好是多独随机字符
[charset]:可替charset中之即兴单个字符
例如
[Cc]h可以独家代表Ch和ch
[a-z]好替代任意单个小写字母,[a-zA-Z]表示任意字母
rm
a*.out代表去所有坐a开头的,扩展名为.out的文件
ls img-[1-5].jpg表示img1.jpg, img2.jpg,
img3.jpg, img4.jpg, img5.jpg

7.3  操作

4. 用户管理

useradd:添加用户
groupadd:
userdel: 删除用户
groupdel
passwd: 为用户设置密码
usermod: 更改用户安装
su:用户切换
finger root:查看有用户资料
finger:查看有用户资料
last:最近一个月份用户登录状态
id:打印用户的UID和GID
users:
groups:
who:列出活跃用户
whoami:
who am i:
w:
/etc/default/useradd:添加用户时候的默认设置文件
/etc/profile
/etc/bashrc
~/.bashrc
~/.bash_profile

6.3.5   清除所有存储、数据库、缓存和劳动办事线程。

有时,您就需要擦除给定源的有着数据。利用 Application 面板上的 Clear
Storage 窗格,您可选择性地取消服务办事线程、存储和缓存。要破数据,只需要启用您想要擦除的零件旁的复选框,然后点击 Clear
site data。操作以解除 Clear storage 标签下所列源的所有数据。

 

 

16. 重定向

以一个令的出口写副一个文件要文件句柄
ls -la > filecontents.txt

4.3.4   跨页面加载时,保留网络要记录

  • 当页面重载或者页面跳反时,默认情况下,Network面板下之大网要记录表也是刷新的。如果想保留之前页面的网络要数据,可以勾选Preserve
    log。 
  • 常用之一个采取场景:登录/注册时会调用登录/注册API,开发者想翻这接口返回的景,但是登录/注册成功后一般会超过反到新的页面,导致了Network面板的呼吁记录被刷新从而看不到登录/注册接口返回的情景。此时勾选上Preserve
    log,无论跳反到死页面,都能够以Network网络要记录表中查看到前接口返回的气象。

 图片 5

3. 查看文件内容

cat:
more:
less:
head:
tail:
wc:统计文件的字符数、单词数和行数等消息

4.3.5   页面加载时捕获屏幕截图

  • 抓获屏幕截图可以分析在页面加载的长河遭到,用户以不同之时间段内看到底网页是啊样子的。
  • 点击Capture
    screenshots图标被捕获功能,当图标变为蓝色代表曾开启,重载页面即可看出不同时空的屏幕截图。

 图片 6

抓获屏幕截图后,可以开展以下操作:

  • 鼠标悬浮在相同摆放图片及不时,该图形四周会冒出一个艳情的边框,同时,在Overview和Waterfall窗口里也独家有同等长长的黄色的竖线,这长长的黄色的竖线表示这张图的捕获时间
  • 点击某平摆图纸,可以过滤掉在及时张图捕获之后有的装有请求
  • 双击图片,可以推广该图片

 图片 7

 

 

1. 太要的授命

man
echo

6.3.1   查看页面的local Storage。

  • 偶击键或值好修改相应的价值。
  • 双击空白单元格可以加加新条目。
  • 点击相应的条目 ,然后以 Delete
    按钮可以去该该条目。 只待点击一潮按钮,即可从 Clear storage
    窗格擦除有地方存储数据。
  • 苟您运同一栽可以创建、删除或修改条目的主意同页面交互,则不见面看这些反实时更新。
    点击 refresh
    按钮可以翻您的变动。

 图片 8

15. 管道(pipe)

管道:将眼前一个命的出口作为其他一个令的输入
ls -la | more

3.2  应用场景

  • 出口页面代码中需输出的日志
  • 好于浏览器控制台测试代码
  • 检测代码的尽效率
  • 出口代码中设有的酷和报错信息

6. 创立连接

ln a b:为a创建硬连接(hard
link)b
ln -s a b: 为a创建符号链接(symbolic
link)b

4.3.8   手动清除浏览器缓存、cookies

在网络要记录表中右键,选择Clear
Browser Cache或Clear Browser Cookies。

22. runlevel的级别

0:系统停机状态
1:单用户工作状态,root权限,用于系保障,禁止长途登录
2:多用户状态(没有NFS)
3:完全的多用户状态(有NFS),登录后入控制台命令行模式
4:系统未用,保留
5:X11控制台,登录后上GUI模式
6:系统常规关闭并重复开动,默认运行级别不能够也6,否则不克健康启动

6.1  功能

笔录网站加载的所有资源信息,包括仓储数据(Local
Storage、Session Storage、IndexedDB、Web
SQL、Cookies),缓存数据、字体、图片、脚本、样式表等。

14. 文件所有权还是权限管理

chown:改变文件属主
chgrp:改变文件的属组
chmod:改变文件之读写、执行权
umask:改变系统下文件、目录的默认权限

6.2  应用场景

  • 查看页面的local Storage。
  • 查页面的Session Storage
  • 查和去页面的cookie
  • 翻页面的资源
  • 消所有存储、数据库、缓存和劳务工作线程。

10. 网命令

ifconfig 显示或查看网络设施
/etc/init.d/network
restart:重开网络服务(网卡)
网IP的部署文件是:/etc/sysconfig/network-script/ifcfg-eth0
ifdown eth0 关闭网卡
ifup eth0 开启网卡
route -n 查看路由表
routeadd -net 192.168.2.1 netmask
255.255.255.0 dev eth0
netstat: 查看网络连接状况
traceroute
hostname:显示主机名
hostname -i:显示当前主机名的IP

8.3  操作

入选Network Utilization、Web
Page
Performance,点击Run按钮,将会晤指向眼前页面进行网络利用率和页面的性质优化作出诊断,并于出相应的优化建议。

图片 9

 

 

 

 

 

 

图片 10

21. Linux目录架构

/ 根目录
/bin 常用命令存放的目,binary
file
/boot
存放系统启动时必读取的文书,包括基础在内
/boot/grub/menu.lst GRUB设置
/boot/vmlinuz 内核
/boot/initrd 内核解压所要之RAM
Disk
/dev 系统周边设备
/etc
系统有关部署文件与子目录,包括网络部署文件、文件系统、X系统安排文件、设备配备信息、用户信息相当
/etc/DIR_COLORS 设定颜色
/etc/hostname 设定节点名称
/etc/networking
只来yes表明网络是
/etc/host.conf
文件说明用户的系统如何查询节点名称
/etc/hosts
设定机器IP与名称的对应表

/etc/hosts.allow
设置允许使用inetd的机列表
/etc/hosts.deny
设置不允许利用inetd的机器列表
/etc/hosts.equiv
设置不用密码访问的客户机名称

/etc/inetd.conf
设定系统网守护进程inetd的布
/etc/gateways 设定路由器的安排
/etc/protocols
设定系统支持的商议
/etc/named.conf
系统作为DNS服务器的布置文件
/etc/sysconfig/network/scripts/ifcfg-eth0
设置IP/MAC等信息
/etc/resolv.conf 设置DNS
/etc/X11 X Window的配置文件
/etc/fstab
记录开机要加载的文件系统

/etc/inittab
设定系统启动时init进程而进去什么样的runlevel

/etc/issue记录用户登录前展示的信息

/etc/group设定用户的组名和系信息
/etc/passwd 设定用户帐号信息
/etc/shadow 用户密码信息

/etc/sudoers
可以sudo命令的配备文件
/etc/securetty
设定root用户可登录的极
/etc/login.defs
设定有用户登录时的缺省配置

/etc/exports 设定NFS系统
/etc/init.d/
存放预设的全自动启动进程的启航脚本
/etc/xinetd.d/ 存放super
daemon管理的号服务的安文件
/etc/modprobe.conf
内核模块额外参数设置
/etc/syslog.conf 系统日志设置文件

/home 普通用户家目录
/lib或/lib64
系统会因此到的函数库,系统动态链接共享库
/lib/modules kernel相关模块
/var/lib/rpm rpm包安装处

/lost+found
系统不正常错误产生时,会以一部分丢失的有置于该目录下
/mnt 外部设备的挂载点
/media 与/mnt相类

/opt 主机额外安装之软件

/proc
虚拟目录,内存的照耀,存储系统信息
/proc/version 内核版本
/proc/sys/kernel 系统基本功能

/root 系统管理员的家目录
/sbin
系统管理员才能够实行的系统管理指令
/srv
一些服务启动后,这些劳务所欲的文件目录
/tmp
一般用户或正在实施的顺序存放临时文件的地方
/usr
最老的目录,存放应用程序和文件
/usr/X11R6 X-window目录

/usr/src Linux源代码
/usr/include 系统头文件
/usr/openwin 存放SUN的OpenWin
/usr/share/man 在线使用手册
/usr/bin 用户执行的binary
file目录
/usr/local/bin 用户执行之binary
file目录
/usr/lib 系统利用的函数库
/usr/local/lib 系统采用的函数库
/usr/sbin
系统管理员才能够实行的授命
/usr/local/sbin
系统管理员才会履行之命

/var 日志文件等
/var/log/secure
记录报到体系存取文件之信
/var/log/wtmp 记录报到用户之音
/var/log/messages
系统出的错误信息
/var/log/boot.log
记录开机或者是有劳务启动的下,所显示的起步或关闭信息
/var/log/maillog
记录邮件存取或来回之用户记录
/var/log/cron
记录crontab服务的内容
/var/log/httpd, /var/log/news,
/var/log/mysqld.log, /var/log/samba, /var/log/procmail.log
不同的网络服务信息

6  Application

12. RPM软件包管理

rpm -ivh xxx.rpm 安装rpm包
rpm -qa –last | less
根据安装日期显示已设置的担保
rpm -qa |grep mysql -i
查询系统是否安装mysql包(-i,忽小大小写)
rpm -e 删除安装之软件包
rpm -e mysql* –nodpes
强制删除相关的软件包
rpm –test 测试安装
rpm -qi 查询mysql包的征资料
rpm -qpl xxx.rpm
查看rpm包内含的内容.
rpm -qc[d] 设定档与说明档
rpm -Uvh 升级安装
rpmbuild –bb SPECS/xxx.spec
重新装将xxx.spec编译成rpm包.
rpmbuild –rebuild packagename.src.rpm
重新把.src.rpm编译成rpm包.

3.3.1  常用API:

  • console.log() 输出信息
  • console.info() 输出信息
  • console.warn() 输出警告信息
  • console.error() 输出错误信息
  • console.group() 输出一组信息,需要搭配console.groupEnd() 使用
  • console.groupEnd() 输出一组信息,需要搭配console.gruop() 使用
  • console.time() 输出代码执行的岁月,需要搭配console.timeEnd()
    使用
  • console.timeEnd() 输出代码执行的时,需要搭配console.time() 使用

 

5. 发令历史

history
!!:执行最近一样不成命令

4.3.12   Headers:查看请求头、响应头以及要参数

当列Name下,点击某个请求的URL,可以查阅相要、响应的详尽内容。

  • 默认情况下,请求、响应头是依照字母表顺序显示的http头部的讳,如果想按部就班实际吸收的顺序显示,点击上图中之view
    source,反的点击上图备受的view parsed。 
  • 以Headers选项卡中也可查请求的参数,下图橙色方框部分。也闹view
    source和view parsed,另外还有参数编码格式(view URL
    encoded)和解码格式(view decoded)。

 图片 11

Preview:查看响应体的预览

Response:查看响应体

Cookies:查看cookies

19. 文件减少命令

*.Z compress程序压缩的文书
*.bz2 bzip2程序压缩的文本
*.gz gzip程序压缩的公文
*.tar
tar程序打包的文件,并不曾抽了
*.tar.gz
tar程序打包的文本,并通过gzip的压缩处理
compress filename filename.Z
压缩文件
compress -d filename.Z 解压文件
gzip filename filename.gz
压缩文件
gzip -d filename.gz 解压文件
zcat filename.gz 查看压缩文件
bzip2 -z filename 压缩文件
bzip2 -d filename.bz2 解压文件
bzcat filename.bz2
翻看压缩文件内容
tar -cvf filename.tar directory_name
文件归档
tar xvf filename.tar
把文件包解开
tar xzvf filename.tar.gz
解压并解包
tar xjvf filename.tar.bz2
解压并解包
tar ztvf filename.tar.gz
查看tar内容

3.1  功能

  • 打印日志
  • 尽测试代码
  • 测与统计实践
  • 老以及报错处理

 

7. 过程管理

top 查看后体进程,监控系统特性
top -d 2:每2秒刷新一次于
top -d 2 -p 3690 查看有PID
top -b -n 2 > /tmp/top.txt
将top的消息刷新两次的结果输出到/tmp/top.txt
ps 查看过程近况
free -m 查看系统内存以状况
uptime:系统开机时间

5.3  操作

  • 实时编辑代码功能

该功能可以一边修改并保留及本地文件中,在sources工作组中右键点击
” Add folder to workspace ”
将本地文件夹上加至拖欠工作组中,在累加进去的文本夹着开辟你想只要编写的文件,或者当文件及右侧键点击 ”
Map to File System Resource…
“,也可以 “Ctrl+o” 打开搜索面板还打开文件。 编辑之后仍Ctrl+s保存,在该地文件被吗会于改动。

 图片 12

 

  • 调试javascript(断点)

断点让你可暂停实施着之代码,并针对性中断时刻的有变量值进行检讨。

图片 13

检查点击 Event Listener
Breakpoints 将该部分进行。选中click复选框、当选中click复选框时,就是于具有的click事件上安装了一个因事件之断点。当点击任何DOM节点,并且该节点有所click处理程序时,Devtools会自动刹车在拖欠节点click处理程序的首先执。

横流:这可大凡 DevTools
提供的无数断点类型受到的均等种。应采取的断点类型取决于你若调节的问题项目。

 

透过点击图片 14

 

可一步一步调试代码。

图片 15

单步调试代码

图片 16

跳过调试代码

图片 17

本子继续执行,直至到达你设置了断点的代码行。

 

2. 目文件操作命令

ls:
查看目录下的文书信息或文件信息
dir:
pwd: 打印当前路
cd:改变路径
mkdir:创建路径
rmdir:删除途径
cp:拷贝文件要目录
mv:移动文件或者目录,或改名
rm: 删除文件要目录
tree:输出该目录下的文件目录树

4.3.11   查看请求记录

  • Name:文件的名字或资源的标识符
  • Status:HTTP状态码
  • Type:请求资源的MIME类型
  • Initiator:以下目标要处理可以倡导一个伸手
  • Parse:Chrome的HTML解析器
  • Redirect:HTTP重定向
  • Script:js函数
  • Other:一些别的处理或者操作,比如通过链接导航及一个页面,或者是于浏览器的地方栏输入一个地方然后回车
  • Size:响应头大小+响应体大小
  • Time:总的持续时间,从发起呼吁到资源下载好
  • Waterfall:每一个求活动之两样阶段的可视化展示

 

5.2  应用场景

  • 搜索页面所求的资源列表
  • 出要调试过程遭到,可以兑现以浏览器上修改代码自动同步到地方文件
  • 付出进程被,可以采用通过console.log()来找或修正代码中的错,但是采取“断点”的措施可以大大提升速度,也再次实惠。

6.3.3   查看和去页面的cookie

  • 翻和 Cookie
    有关的详细信息,例如名称、值、网域和尺寸,等等。
  • 除去单个
    Cookie、选定网域的 Cookie 或具备网域的百分之百 Cookie。

    •   使用 Cookies 窗格可以查和去
      Cookie。您无法修改 Cookie 值。
      图片 18 

否每个 Cookie
提供了以下字段:

 图片 19

可透过多种术去 Cookie:

  • 选 Cookie 并以 Delete
    按钮可以去相应 Cookie。
  • 仍 Clear
    按钮可以去除指定组的兼具 Cookie。

2.3  操作

  • 编辑DOM节点
    •   打开控制台,选定要修改的DOM节点,双击选定元素,然后开展修改即可。

  • 编写样式
    •   打开控制台,选定要改的DOM节点,在 Styles 窗格中实时编辑样式属性名称和
      值。所有样式都只是改,除了灰色部分(与
      User Agent 样式表一样)。

       
  要编写称或值,请点击它,进行变更,然后以 Tab 或 Enter 保存更改。默认情况下,您的 CSS
修改不是永久的,重新加载页面时转会丢。 

  • 自我批评及编辑框模型参数
    • 采用 Computed 窗格检查和编辑时因素的框模型参数。
      框模型中之富有值都只是修 改,只需要点击它即可。  

6.3.2   查看页面的Session Storage。

Session Storage 窗格与 Local Storage 窗格的办事法同样。
参阅上面的Local Storage部分

2.1  功能

自我批评以及实时更新页面的HTML与CSS

  • 每当 Elements
    面板中反省与实时编辑 DOM 树中的外因素。
  • 当 Styles
    窗格中翻和转移应用至外选定元素的 CSS 规则。
  • 每当 Computed
    窗格中查看和修改选定元素的框模型。

2  Elements

4  Network

4.3.2  停止记录网络要

  • 点击Stop recording
    network log红色图标,当她变成灰色时,表示DevTools不在记录请求
  • 快捷键:在Network面板下,Command+E(Mac)或者Ctrl+E(Windows,Linux)

 图片 20

5  Sources

4.3.1  记录网络要

默认情况下,只要Chrome
DevTools在被状态,DevTools会记录有的纱要,记录还是以Network面板展示的。

 图片 21

8  Audits

8.2  应用场景

据悉诊断的提议针对性网页实施优化

6.3  操作

7.1  功能

调剂页面安全问题,确保已经以网站及适度的实现HTTPS

3  Console

 

7  Security

3.3  操作

2.2  应用场景

  • 开发进程被修DOM节点
  • 调剂DOM节点的体制
  • 调节过程遭到检查和编辑框模型参数

4.3.15   查看加载事件

DevTools以差不多个地方显得了DOMContentLoaded和load事件来时对应的年华。DOMContentLoaded事件对应紫色的丝,load事件对许红色的线

图片 22

8.1  功能

时网页进行网络利用状态、网页性能方面的确诊,并让来一部分优化建议。比如列出所有没有出以的CSS文件等。

4.3.13   Timing:查看请求于依次阶段对应之时刻

  • Queueing:浏览器会以偏下情况对要进行排队:
    • 出重复胜优先级的乞求
    • 于此域下,已经来6个TCP连接了,达到Chrome最特别范围数量。此条规则仅适用
      在HTTP/1.0与HTTP/1.1
  • Stalled:Queueing中之其它一个素有都见面招该要让耽搁
  • Proxy negotiation:浏览器和代理服务器协商消耗的时空
  • DNS Lookup:浏览器对要的IP地址进行DNS查找所消耗的时日
  • Initial conncection:发起连接所耗费的工夫
  • Request sent:请求发送消耗的日子
  • Waiting (TTFB):浏览器等响应的时光,TTFB代表 Time To First Byte
  • Content Download:资源下载所消耗的年华

 图片 23

 

4.3.6   禁用浏览器缓存

于http请求的经过被,有些资源以页面初次加载后会被缓存到浏览器中,也就算是那些状态码为304的资源。为了尽量准确地模拟用户率先次等加载我们网页经常的观,需要禁用浏览器缓存,这样,每一个要都是于劳动端传送过来的,较为规范地反馈出网页初次加载的其实情况

 图片 24

7.3.2   检查源

应用左侧面板可以检查各个安全要无安全源。

点击安全源查看该源的连和关系详情。

要你点击非安全源,Security
面板会供 Network 面板过滤视图的链接。

图片 25

图片 26

4.3.16 查看请求的到底数据以及总大小

此间的数据表示DevTools打开之后叫记录的恳求所对应之数码,如果小要在DevTools打开事先就出了,这些请求的多少是免合算在即时个中的。

图片 27

 

4.3.14   查看请求的倡议对象与靠对象

遵循停Shift键,然后鼠标悬浮在某某请求上,该要的倡导对象由绿色标志,该要的指对象由红色标志。

 图片 28

4.3.10   根据项目过滤

这里是足以基本上选的:按停Command(Mac)键或Ctrl(Windows,Linux)键,然后单击不同之档次,如点击JS和Img,则过滤出js文件和图。显然,All不跟其它项目共存,选择All的时不能够更捎某个一个现实品种。

图片 29

6.3.4   查看页面的资源

行使 Application 面板的 Frames 窗格可以按框架组织页面的资源。

 图片 30

4.3.9   根据性过滤

  • 点击漏斗图标使该颜色变为蓝色,然后便可本着纱要表中的数据开展更加的过滤。
  • 当输入框中可以输入有字符串、域、大小、状态码、媒体类型等等。

 图片 31

图片 32

4.3.7   模拟网速条件

在Network
Throttling下拉绳中得以选择不同的纱条件进行效仿,如2G、3G、4G、WiFi等。

图片 33

除了选中已有些网络选项,也得以由定义网速相关规范:打开Network
Throttling菜单,选择Custom > Add。

其余一样栽模拟情况较特殊,就是凭网。利用service
workers,PWA(Progressive Web
Apps)在管网的状况下仍可以。模拟这种无网环境,直接勾选Offline即可。

提拔:开发者会盼Network左侧有个警示图标,这个图标就是唤醒开发者当前居于模拟网络条件下。

 图片 34