1、工具firefox50版本以下，安裝外掛程式firebug、firepath
2、使用方法
表示式描述
/從根節點擊取
//從匹配選擇的當前節點擊擇文件中的節點，而不考慮它們的位置
//*代表獲取全部元素
//*[@id='i1']
@代表屬性定位，選擇所有的屬性中且標籤id等於i1的元素
//*[@placeholder='請通過id定位元素']
通過標籤及標籤的屬性組合定位元素
//input[@placeholder="請通過id定位元素"]
//input[@id='i1']
//div[@class='inner']
// div[@ class ='inner'][1]
當出現重複時可以使用下標 角標從1開始
// div[@ class ='driver'][1] / div[@ class ='inner'][1]
通過找到父級唯一 在向下繼續查詢
//*[@type='text' and @id='i1']
通過邏輯語言定位
//select[@name='city'or@size='4']
通過邏輯語言定位
css selector 使用方法
<div
class
="topbar_search active"
>
<
div
class
="search"
>
<
input
type
="text"
name
="keyword"
value
=""placeholder
="請輸入節目名稱/紅人名稱"
id='keyword1'
maxlength
="40"
/>
<
button
onclick
="checkinput('1')"
>
button
>
div>
div>
**css selector 定位方式不支援角標定位
表示式（css定位方式）
描述.search
class定位
#keyword1
id定位
div>input
標籤選擇及層級定位元素，選擇div下的input標籤對應的元素
input
選擇所有的input標籤對應的元素
div.search
選擇div下的class為search的元素
input#keyword1
選擇input標籤中id為keyword1的元素
input[id='keyword1']
先定位input標籤再通過id屬性定位
.inner.active
通過多個class定位
div>div>input
層級遞進，先從父標籤開始一層一層的往下找
div.topbar_search
>div>input
[id='keyword1']
屬性定位 這裡的屬性可以為標籤中任意屬性
[id='keyword1'][name="keyword"]
屬性組合定位
[placeholder^='請輸入']
以什麼開頭
[placeholder$='名稱']
以什麼為結尾
[placeholder*='紅人名稱']
包含什麼內容
Xpath使用方法
什麼是xpath？xpath是xml的路徑語言，通俗一點講就是通過元素的路徑來查詢到這個標籤元素。工具 xpath使用方法 注 預設死格式 先寫 代表定位頁面下所有元素 1 xpath支援id class name定位功能 1 通過id定位 id kw 2 通過class定位 class class...
Scrapy下xpath基本的使用方法
scrapy是基於python的開源爬蟲框架，使用起來也比較方便。具體的官網檔 之前以為了解python就可以直接爬 了，原來還要了解html，xml的基本協議，在了解基礎以後，在了解下xpath的基礎上，再使用正規表示式 python下的re包提供支援 提取一定格式的資訊 比如說url 就比較容易...
條件CSS基本使用方法
毫無疑問，任何乙個試圖使用 css 的網頁設計師和開發人員都會發現不同的瀏覽器要求不同的樣式宣告。這些煩惱歸咎於各瀏覽器及其各版本不同程度的 css 執行的完整性。條件 css 是這個問題的乙個解決方案，採用的是 internet explorer 的條件注釋語法的思想，並把它內聯到 css 宣告之...