Chrome调试技巧学习+总结

今天在掘金上看到了一个Chrome的调试技巧的小册，就想着，简单总结一下，方便巩固学习。

前言

熟练掌握DevTools的使用方法，可以提高开发效率，也会更容易找到问题的所在和一系列需要的操作。

---

一、console中的简单操作

1.复制console中的数据，使用copy(...)，copy($_)，copy($0)。
2.在console中的数据可以存储为一个全局变量(右击->Store as global variable)。
3.保存堆栈信息，可以减少沟通成本，直接发送给队友进行查看，右击堆栈信息，选择save as。
4.copy html时，右击或者点击在 HTML 元素边上的省略号 (...) 就可以将它 copy 到剪贴板中，还可以使用ctrl+c直接复制。

二、快捷键

1.切换 DevTools 窗口的展示布局，⌘ + shift + D for mac， ctrl + shift + D for windows，会从开始位置切换到右边，如果最开始就在右边，则切换到左边。
2.从元素面板跳转到资源面板并返回，节省鼠标点击的时间，使用⌘ + [和⌘+ ] for mac ，ctrl + [和ctrl+ ] for windows 进行左右切换，还可以

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。