Chrome DevTools提供了哪些Command Line API?

时间 2020-04-21

标签 chrome devtools 提供哪些 command line api 栏目 Chrome 繁體版

原文原文链接

Chrome的 DevTools能够说是最强大的浏览器开发调试工具了，它的Console模块又是最高频使用的模块之一，Console模块提供了不少Command Line API方便咱们的开发调试。例如：javascript

须要注意的是上例API区别于consoleAPIhtml

Command Line API仅能在Chrome DevTools Console中使用。若是尝试在脚本中调用它们，它们将没法工做。java

那有没有什么办法知道Chrome目前提供了哪些Command Line API呢。web

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script> var keyList = Reflect.ownKeys(window); </script>
  <script> </script>
</body>

</html>
复制代码

使用Chrome打开该HTML文件。
而后在DevTools的Console中执行

var keyList2 = Reflect.ownKeys(window);
keyList2.filter(key=>!keyList.includes(key));
复制代码

能够知道在Chrome 80版本中提供了如下27个Command Line API。

["dir", "dirxml", "profile", "profileEnd", "clear", "table", "keys", "values", "debug", "undebug", "monitor", "unmonitor", "inspect", "copy", "queryObjects", "$_", "$0", "$1", "$2", "$3", "$4", "getEventListeners", "monitorEvents", "unmonitorEvents", "$", "$$", "$x"]
复制代码