谷歌瀏覽器，對于作為程序員的我們來說可以是居家必備了，應該用的相當的熟悉了，我們用的最多的應該是network選項吧，一般用來分析網頁加載的請求信息，比如post參數之類的，這些基本的功能基本上夠用了，今天我說的不是network模塊，而是console命令模塊的使用，

關于console命令的使用網上也有很多的介紹了，但是大多數的都是互相抄襲，根本不知道誰才是作者，在此和大家分享一下 谷歌控制臺的命令的妙用。
通過網上的信息我得知

目前控制臺方法和屬性有：

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

今天說的是$x命令。

$x的用法是 ：$x(xpath表達式)　下面的例子是獲取，寫文章時的添加隨筆這四個詞的一個xpath.

 

 

$x("//div[@id='Editor_Edit']/div/span/text()")

簡單的說下這個xpath，//表示的是不管前面多少級都匹配（包含一級），/是只匹配一級 ，@符號表示的是取元素的屬性后面緊跟的=內容就是這個值"Editor_Edit"，看上圖我們發現div下面緊挨著的還是div，然后div再下一級就是span了，到此時下xpath可以寫成這樣了、//div[@id='Editor_Edit']/div/span

但是我們獲取的是span的這個節點，文本信息一般在節點里面，獲取節點的文本我們用text(),到目前來說我們已經寫完了，但是這里要注意的一點是，不同的語言和工具在選擇xpath的一些信息的時候，多多少少有點不同，這里我們看一下，我們執行完xpath之后的結果

 

我們發現我們獲取了一個text的節點而不是文本信息，這時候呢，如果在python中使用lxml的已經可以成功獲取文本值了，但是控制臺的還要再操作一步

就是我們需要獲取它的nodeValue屬性才可以。我們再進一步寫就是這一樣

 $x("//div[@id='Editor_Edit']/div/span/text()")[0]

在這里說個小技巧，我們在寫完上面的內容之后 會發現我們點方法的時候點不出東西，這個時候我們可以這樣寫

var temp=$x("//div[@id='Editor_Edit']/div/span/text()")[0]

獲取之后我們再看結果，咦underfined，逗我呢，？  

 

emmm。。 ，，相信大家在初學python的時候也遇到過相似的問題，方法的默認返回值None，嗯 這個時候我們就知道了

這個情況類型，不用在乎這個返回值了，我們需要的不是這個值，經過上面的操作，我們做了一件什么事兒呢，

把獲取的節點結果賦值給temp這個變量，此時temp可以作為全局變量存在，好了這時候  我們temp.一下發現 好多屬性提示都出來了

 

ok，這個$x的功能就是這么簡單，同時我們在調試過程中也方便了許多。