获取控制台 JavaScript

在浏览器的开发者工具中，控制台是一个极为重要的调试工具，其可以输出日志信息，捕获异常和执行JavaScript代码等。而对于前端开发者来说，获取控制台JavaScript数据是一项常见的工作，以下是一些途径和技巧来获取控制台JavaScript数据：

获取控制台日志

使用console对象可以实现在控制台输出日志信息。console对象提供的方法有log()、debug()、error()等等。可以在这些方法中输出要获取的JavaScript数据。例如：

console.log(myVariable);

这样，当代码执行时，我们可以在控制台看到myVariable的内容。如果需要将控制台输出持久化到文件中，可以使用console.log()的变体方法console.save()。这个方法需借助于FileSaver.js库。例如：

console.save(myVariable, 'myVariable.txt');

获取最后一个表达式

在控制台执行一个表达式，可以返回其结果。即使没有用console.log()将结果输出到控制台，也可以通过特殊变量$_来访问最后执行的表达式的结果。例如：

var myVariable = 123;
myVariable;
$_;

执行完这段代码后， $_ 的结果应该是 123 。

获取 DOM 元素

当需要获取页面中的 DOM 元素的值或属性时，可以使用document或$来获取。例如：

var myElement = document.getElementById('my-element');
console.log(myElement.value);

或者：

var $myElement = $('#my-element');
console.log($myElement.val());

获取网络请求数据

通过监视XHR（XMLHttpRequest）对象可以获取到浏览器发送的网络请求和收到的响应。在控制台的Network面板下可以查看所有的网络请求。可以在XHR对象的onloadend事件中输出响应的数据。例如：

var xhr = new XMLHttpRequest();
xhr.onloadend = function() {
  console.log(xhr.responseText);
};
xhr.open('GET', 'http://www.example.com/api');
xhr.send();

获取当前网页 URL 和标题

可以使用location对象访问当前网页的URL和标题。例如：

console.log(location.href);
console.log(document.title);

总结

获取控制台 JavaScript 数据对前端的开发和调试非常重要。常见的获取方式包括获取控制台日志、最后一个表达式的结果、DOM元素、网络请求数据以及当前网页 URL 和标题等。对于掌握这些技巧的开发者来说，在开发和调试中可以事半功倍。