鍍金池/ 問答/數(shù)據(jù)分析&挖掘  Python  HTML/ 如何獲取雅虎財(cái)經(jīng)里面search input里給出的自動(dòng)響應(yīng)建議?

如何獲取雅虎財(cái)經(jīng)里面search input里給出的自動(dòng)響應(yīng)建議?

我在嘗試在https://finance.yahoo.com/ 上趴數(shù)據(jù)。我發(fā)現(xiàn),如果在搜索欄輸入幾個(gè)字母就會(huì)有結(jié)果建議跳出來。和谷歌,百度類似。

我想把這個(gè)建議結(jié)果給趴下來。我發(fā)現(xiàn)有一個(gè)list元素,這個(gè)元素的子元素應(yīng)該是建議。

//*[@id="search-assist-input"]/div[2]/ul

然而我用Firefox或者Chrome查看這個(gè)元素的子元素時(shí)候,建議自動(dòng)就消失了,然后這個(gè)元素也自動(dòng)沒有了子元素。

我嘗試用selenium直接選取所有的子元素, 顯示沒有任何元素.
這里的Chrome是我做的 一個(gè)類基本上就是wrapper,用get_driver返回一個(gè)selenium chrome webdriver

from chrome_driver.chrome import Chrome

driver = Chrome().get_driver()
driver.get('https://finance.yahoo.com/')

driver.find_elements_by_xpath("http://div[@id='search-assist-input']/div/input")[0].send_keys('goog')

x = driver.find_elements_by_xpath("http://div[@data-reactid='56']/ul[@data-reactid='57']/")
回答
編輯回答
尋仙

搜索建議結(jié)果是用js動(dòng)態(tài)生成的.
可以直接觀察它是向哪個(gè) api 請(qǐng)求的.
比如搜索hello, 可以直接請(qǐng)求
https://finance.yahoo.com/_finance_doubledown/api/resource/searchassist;searchTerm=hello
那么代碼可以這樣寫:

import json
import requests

kw = 'hello'
url_base = 'https://finance.yahoo.com/_finance_doubledown/api/resource/searchassist;searchTerm='
url = url_base + kw
resp = requests.get(url)
print(json.dumps(json.loads(resp.text), indent=4, sort_keys=True))

得到類似的結(jié)果:

{
    "hiConf": false,
    "items": [
        {
            "exch": "FRA",
            "exchDisp": "Frankfurt",
            "name": "HelloFresh SE",
            "symbol": "HFG.F",
            "type": "S",
            "typeDisp": "Equity"
        },
        ...

我嘗試的貌似直接請(qǐng)求即可, 尚不知 yahoo 有沒有限制請(qǐng)求的措施.

2017年12月26日 08:25
編輯回答
情皺

樓上給了直接請(qǐng)求的,我貼個(gè)xpath獲取的吧

我想把這個(gè)建議結(jié)果給趴下來。我發(fā)現(xiàn)有一個(gè)list元素,這個(gè)元素的子元素應(yīng)該是建議。
//*[@id="search-assist-input"]/div[2]/ul

建議結(jié)果的xpath是//div[@id="search-assist-input"]/div[2]/ul/li,樓主少了個(gè)li標(biāo)簽

#! /usr/bin/env python
# -*- coding: utf-8 -*-
""" 
@author:hp 
@file: 5.16.py 
@time: 2018/5/16
"""
from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By


driver = webdriver.Chrome()
driver.implicitly_wait(15)
driver.get('https://finance.yahoo.com/')
driver.find_elements_by_xpath("http://div[@id='search-assist-input']/div/input")[0].send_keys('goog')
# 自動(dòng)響應(yīng)建議xpath
locator = (By.XPATH, '//div[@id="search-assist-input"]/div[2]/ul/li')
try:
    WebDriverWait(driver, 15, 0.5).until(EC.presence_of_element_located(locator))
    # 獲取響應(yīng)建議
    autores = driver.find_elements_by_xpath('//div[@id="search-assist-input"]/div[2]/ul/li')
    # 輸出響應(yīng)建議
    for i in autores:
        print i.text
except Exception as e:
    print e
finally:
    driver.quit()

圖片描述

獲取元素
1、在需要調(diào)試的元素上 右擊選擇Break on,展開有Subtree Modifications(當(dāng)添加,改變,刪除子元素時(shí)觸發(fā)),Attributes Modifications(當(dāng)元素屬性被改變時(shí)觸發(fā))以及Node Removal(當(dāng)移除元素時(shí)觸發(fā))
這里選擇Subtree Modifications
2、然后輸入框輸入關(guān)鍵詞時(shí)候,JS改變DOM元素時(shí),給元素添加的斷點(diǎn)便會(huì)觸發(fā)
3、然后按F10去一步步調(diào)試,下面的元素就會(huì)出現(xiàn),如下圖:

圖片描述

圖片描述

2017年10月19日 20:05