Chrome瀏覽器中利用console進行元素定位

2022-09-01 18:54:13 字數 927 閱讀 4582

開啟console控制台,很簡單,只需要按f12鍵,然後再點選console即可,如下圖箭頭所示:

console利用xpath定位元素命令格式:$x("xpath表示式")

按鈕為input標籤,id屬性值為「su」

#定位子孫元素為input的元素

$x("//input")

#定位input標籤,且其id屬性值為su的元素

$x("//input[@id='su']")

console利用xpath定位元素命令格式:$("css表示式")

$("css表示式")

#根據class屬性去定位,按鈕的class屬性值為class="btn self-btn bg s_btn",取其中一段即可

$(".btn")

1、xpath定位:

2、css定位:

利用Chrome瀏覽器除錯Android資料庫

通過ddms和sqlite3工具可以調出資料庫,但ddms中有時會出現許可權訪問限制打不開data資料夾,sqlite3工具需要root手機。這兩種方法除錯資料庫都相對麻煩。facebook開源的stetho工具極大解決了這種問題,更方便的觀察資料庫並除錯。步驟一 首先先在build.gradle的...

如何高效利用chrome瀏覽器

陸陸續續,有很多朋友都有kexue上網的需求,期間也幫過好幾個同學kexue上網,裝上外掛程式之類的東西,為了減少重複性教學,我在這裡寫下這篇文章,來做乙個簡明的教程,希望能夠幫助到大家。iggtampermonkey 使用安卓版的rar軟體解壓,記住此時解壓檔案的路徑。再開啟chrome exte...

利用 Chrome 瀏覽器來模擬手勢

現在移動端的應用可謂是越來越火爆了,隨著 html5 和 css3 的誕生,那麼移動端的網頁也越來越普遍了,那麼有時候開發人員製作移動網頁的時候,有時候要模擬手機的手勢來測試自己寫的程式 卻苦苦尋求不到自己合適的模擬器。那麼在這裡我將介紹一種谷歌觸屏模擬器的外掛程式,讓開發者更好的開發自己的手機端的...