一、Selenium

简介

selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题 selenium本质是通过驱动浏览器，完全模拟浏览器的操作，比如跳转、输入、点击、下拉等，来拿到网页渲染之后的结果，可支持多种浏览器

安装

1.  下载驱动

http://npm.taobao.org/mirrors/chromedriver/2.42/

if window系统：

windows只有32位的！

下载chromdriver.exe放到python安装路径的scripts目录中即可，注意最新版本是2.42，并非2.9

if mac系统：

然后将解压后的chromedriver移动到/usr/local/bin目录下

2.  安装pip包

pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple selenium

注意：selenium3默认支持的webdriver是Firfox，而Firefox需要安装geckodriver 下载链接

我个人比较喜欢 谷歌浏览器

Selenium模块

1.  简单使用

from selenium importwebdriverimporttimebrowser=webdriver.Chrome()  #调用谷歌浏览器驱动器
try:browser.get('https://www.jd.com')  #访问网页time.sleep(3)  #等待3秒
finally:browser.close()#关闭浏览器

它会自动打开谷歌浏览器，并访问京东！3秒后，会自动关闭！

注意：地址栏下方会有提示：Chrome 正受到自动测试软件的控制

比如：在搜索框输入：美女。回车之后，会跳转到新的页面。这个简单动作，selenium 也可以完成！

先来看搜索框的id为key

再来看跳转新页面的内容区域，div的id为J_goodsList

代码如下：

from selenium importwebdriverfrom selenium.webdriver.common.by import By #按照什么方式查找，By.ID,By.CSS_SELECTOR
from selenium.webdriver.common.keys import Keys #键盘按键操作
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素
importtime
browser=webdriver.Chrome()try:browser.get('https://www.jd.com')input_tag=browser.find_element_by_id('key')  #查找id=key的标签input_tag.send_keys('美女')  #输入关键字 美女input_tag.send_keys(Keys.ENTER)  #输入 回车键wait=WebDriverWait(browser,10)  #等待加载资源，如果有，则不等待。最多等待10秒wait.until(EC.presence_of_element_located((By.ID,'J_goodsList'))) #等到id为J_goodsList的元素加载完毕,最多等10秒#time.sleep(3)
finally:browser.close()

运行程序，效果如下：

注意：这些id需要提前知道才行，否则查找一个不存在的标签时，会等待10秒！

Selenium支持非常多的浏览器，如Chrome、Firefox、Edge等，还有Android、BlackBerry等手机端的浏览器。另外，也支持无界面浏览器PhantomJS。

from selenium importwebdriverbrowser=webdriver.Chrome()
browser=webdriver.Firefox()
browser=webdriver.Edge()
browser=webdriver.PhantomJS()
browser= webdriver.Safari()

初期，我们使用的是有界面的谷歌浏览器。后期，可以使用无界面浏览器PhantomJS，它的启动速度比打开谷歌浏览器要快。

虽然它是没有界面的，但是一样能达到谷歌浏览器访问的效果！

2. 元素定位

webdriver 提供了一系列的元素定位方法，常用的有以下几种：

idnameclassnametag namelink textpartial link textxpathcss selector

分别对应python webdriver 中的方法为：

find_element_by_id()
find_element_by_name()
find_element_by_class_name()
find_element_by_tag_name()
find_element_by_link_text()
find_element_by_partial_link_text()
find_element_by_xpath()
find_element_by_css_selector()

注意

1、find_element_by_xxx找的是第一个符合条件的标签，find_elements_by_xxx找的是所有符合条件的标签。

2、根据ID、CSS选择器和XPath获取，它们返回的结果完全一致。

3、另外，Selenium还提供了通用方法find_element()，它需要传入两个参数：查找方式By和值。实际上，它就是find_element_by_id()这种方法的通用函数版本，比如find_element_by_id(id)就等价于find_element(By.ID, id)，二者得到的结果完全一致。

举例：

from selenium importwebdriverfrom selenium.webdriver.common.by import By #按照什么方式查找，By.ID,By.CSS_SELECTOR
from selenium.webdriver.common.keys import Keys #键盘按键操作
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素
importtime
browser=webdriver.Chrome()try:browser.get('https://www.jd.com')#查找class属性为text的标签，注意：find_element表示只查找一个tags = browser.find_element_by_class_name("text")print(tags.tag_name)  #打印标签名#查找name属性为Keywords的标签tags = browser.find_element_by_name("Keywords")print(tags.tag_name)#查找文本内容为家用电器的标签tags = browser.find_element_by_link_text("家用电器")print(tags.tag_name)#find_elements，注意：后面有一个s，表示查询所有的#partial_link_text 表示模糊匹配。只要超链接文本带有家的标签tags = browser.find_elements_by_partial_link_text("家")for i in tags:  #它返回一个列表，需要使用for循环print(i.tag_name,i.get_attribute('href'))  #打印标签名和href属性#查询class为cate_menu_item下面的a标签tags=browser.find_element_by_css_selector(".cate_menu_item a")print(tags.tag_name)#选取所有的节点中id='login'下面的h1下面的a标签tags=browser.find_element_by_xpath('//*[@id="logo"]/h1/a')print(tags.tag_name)#查询class属性为text的标签tags=browser.find_element(By.CLASS_NAME,"text")print(tags.tag_name)finally:browser.close()

执行输出：

input
meta
a
a https://jiadian.jd.com/a https://channel.jd.com/home.html
a https://channel.jd.com/furniture.html
a https://channel.jd.com/decoration.html
a
a
input

3. 节点交互

Selenium可以驱动浏览器来执行一些操作，也就是说可以让浏览器模拟执行一些动作。比较常见的用法有：输入文字时用send_keys()方法，清空文字时用clear()方法，点击按钮时用click()方法。示例如下：

from selenium importwebdriverimporttimebrowser=webdriver.Chrome()
browser.get('https://www.taobao.com')  #打开淘宝
input = browser.find_element_by_id('q')  #查询id属性为q的标签，也就是input搜索框！
input.send_keys('MAC')  #输入文字MAC
time.sleep(1)  #等待1秒
input.clear()  #清空文字
input.send_keys('IPhone')  #输入文字IPhone#查询class属性为btn-search的标签，也就是搜索按钮，它是一个button标签
button = browser.find_element_by_class_name('btn-search')
button.click()#点击按钮，也就是点击搜索
browser.close()

效果如下：

更多操作，请参考：

常见节点的动作操作

4. 动作链

在上面的实例中，一些交互动作都是针对某个节点执行的。比如，对于输入框，我们就调用它的输入文字和清空文字方法；对于按钮，就调用它的点击方法。其实，还有另外一些操作，它们没有特定的执行对象，比如鼠标拖曳、键盘按键等，这些动作用另一种方式来执行，那就是动作链。

先来访问一个网页：

http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable

右边拖动玩一下，效果如下：

注意：右边的窗口使用了iframe，它是一个行内框架。它可以有独立的<html></html>标签

因此，使用selenium时，需要使用switch_to.frame切换到frame才行，否则找不到！

比如，现在实现一个节点的拖曳操作，将某个节点从一处拖曳到另外一处，可以这样实现：

from selenium importwebdriverfrom selenium.webdriver importActionChainsimporttimebrowser=webdriver.Chrome()
url= 'http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable'browser.get(url)#访问网页
browser.switch_to.frame('iframeResult')  #切换到frame,找到id为iframeResult的元素
source = browser.find_element_by_css_selector('#draggable')  #起始标签
target = browser.find_element_by_css_selector('#droppable')  #目的标签
actions = ActionChains(browser)  #创建动作链#actions.drag_and_drop(source, target)
actions.click_and_hold(source)  #点击鼠标左键，按住不放
time.sleep(0.5)#这里为什么要for循环呢？因为要模拟匀速运动
for i in range(5):#移动坐标,xOffset 为横坐标，yOffset 为纵坐标#调用perform()方法时，队列中的时间会依次执行。它会执行链中的所有动作actions.move_by_offset(xoffset=17,yoffset=0).perform()time.sleep(0.3)actions.release()#松开鼠标左键
browser.close()

执行效果如下：

在滑动验证码中，如果拖动速度过快，它不会让你通过的！必须模拟人的速度才行！

更多操作，请参考链接：

更多的动作链操

5. 执行JavaScript

对于某些操作，Selenium API并没有提供。比如，下拉进度条，它可以直接模拟运行JavaScript，此时使用execute_script()方法即可实现，代码如下：

from selenium importwebdriverbrowser=webdriver.Chrome()
browser.get('https://www.jd.com/')#window.scrollTo表示右侧的滑动条,括号的参数表示。从上面直接拉到最底下
browser.execute_script('window.scrollTo(0, document.body.scrollHeight)')
browser.execute_script('alert("123")')  #弹出123

效果如下：

可以看出，进度条拖动的太快了，页面都还没有加载完，都已经到底部了！

6. 获取节点信息

通过page_source属性可以获取网页的源代码，接着就可以使用解析库（如正则表达式、Beautiful Soup、pyquery等）来提取信息了。

不过，既然Selenium已经提供了选择节点的方法，返回的是WebElement类型，那么它也有相关的方法和属性来直接提取节点信息，如属性、文本等。这样的话，我们就可以不用通过解析源代码来提取信息了，非常方便。

from selenium importwebdriverfrom selenium.webdriver.common.by import By #按照什么方式查找，By.ID,By.CSS_SELECTOR
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素
browser=webdriver.Chrome()browser.get('https://www.amazon.cn/')wait=WebDriverWait(browser,10)
wait.until(EC.presence_of_element_located((By.ID,'cc-lm-tcgShowImgContainer')))tag=browser.find_element(By.CSS_SELECTOR,'#cc-lm-tcgShowImgContainer img')#获取标签属性，
print(tag.get_attribute('src'))#获取标签ID，位置，名称，大小（了解）
print(tag.id)print(tag.location)print(tag.tag_name)print(tag.size)browser.close()

执行输出：

https://images-cn.ssl-images-amazon.com/images/G/28/kindle/design/2018/Device/ys_180925_ATF1500x300_travel_dvc._CB484178544_.jpg0.2783295412354032-2{'x': 0, 'y': 0}
img
{'height': 0, 'width': 0}

注意：

location  始终不滚动，返回相对整个html或者对应frame的坐标

7. 延时等待

在Selenium中，get()方法会在网页框架加载结束后结束执行，此时如果获取page_source，可能并不是浏览器完全加载完成的页面，如果某些页面有额外的Ajax请求，我们在网页源代码中也不一定能成功获取到。所以，这里需要延时等待一定时间，确保节点已经加载出来。这里等待的方式有两种：一种是隐式等待，一种是显式等待。

隐式等待：

当使用隐式等待执行测试的时候，如果Selenium没有在DOM中找到节点，将继续等待，超出设定时间后，则抛出找不到节点的异常。换句话说，当查找节点而节点并没有立即出现的时候，隐式等待将等待一段时间再查找DOM，默认的时间是0。示例如下：

from selenium importwebdriverfrom selenium.webdriver importActionChainsfrom selenium.webdriver.common.by import By #按照什么方式查找，By.ID,By.CSS_SELECTOR
from selenium.webdriver.common.keys import Keys #键盘按键操作
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素
browser=webdriver.Chrome()#隐式等待:在查找所有元素时，如果尚未被加载，则等10秒
browser.implicitly_wait(10)browser.get('https://www.baidu.com')
input_tag=browser.find_element_by_id('kw')
input_tag.send_keys('美女')
input_tag.send_keys(Keys.ENTER)contents=browser.find_element_by_id('content_left') #没有等待环节而直接查找，找不到则会报错
print(contents)browser.close()

显示等待(推荐)：

隐式等待的效果其实并没有那么好，因为我们只规定了一个固定时间，而页面的加载时间会受到网络条件的影响。这里还有一种更合适的显式等待方法，它指定要查找的节点，然后指定一个最长等待时间。如果在规定时间内加载出来了这个节点，就返回查找的节点；如果到了规定时间依然没有加载出该节点，则抛出超时异常。

from selenium importwebdriverfrom selenium.webdriver importActionChainsfrom selenium.webdriver.common.by import By #按照什么方式查找，By.ID,By.CSS_SELECTOR
from selenium.webdriver.common.keys import Keys #键盘按键操作
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素
browser=webdriver.Chrome()
browser.get('https://www.baidu.com')input_tag=browser.find_element_by_id('kw')
input_tag.send_keys('美女')
input_tag.send_keys(Keys.ENTER)#显式等待：显式地等待某个元素被加载
wait=WebDriverWait(browser,10)
wait.until(EC.presence_of_element_located((By.ID,'content_left')))contents=browser.find_element(By.CSS_SELECTOR,'#content_left')print(contents)browser.close()

看上面一段代码，如果将wait这2行代码注释掉，运行之后，就会报错：

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element:...

重新开启wait2行代码，就不会报错了！

关于等待条件，其实还有很多，比如判断标题内容，判断某个节点内是否出现了某文字等。更多查看

8.  前进和后退

平常使用浏览器时都有前进和后退功能，Selenium也可以完成这个操作，它使用back()方法后退，使用forward()方法前进。示例如下：

importtimefrom selenium importwebdriverbrowser=webdriver.Chrome()
browser.get('https://www.baidu.com')
browser.get('https://www.taobao.com')
browser.get('http://www.qq.com/')browser.back()#后退
time.sleep(1)
browser.forward()#forward
browser.close()  #关闭浏览器

效果如下：

9. Cookies

使用Selenium，还可以方便地对Cookies进行操作，例如获取、添加、删除Cookies等。示例如下：

from selenium importwebdriverbrowser=webdriver.Chrome()
browser.get('https://www.zhihu.com/explore')#打印知乎设置的cookie
print(browser.get_cookies())#增加3个cookie
browser.add_cookie({'name': 'name', 'domain': 'www.zhihu.com', 'value': 'germey'})#打印增加之后的所有cookie
print(browser.get_cookies())#清空此页面的所有的cookie
browser.delete_all_cookies()print(browser.get_cookies())  #最终结果是[]
browser.close()  #关闭浏览器

执行输出，cookie太多了，直接用...替代了

[{'domain': '.zhihu.com',...]
[...'name': 'name', 'domain': 'www.zhihu.com', 'value': 'germey']
[]

10. 异常处理

from selenium importwebdriverfrom selenium.common.exceptions importTimeoutException,NoSuchElementException,NoSuchFrameExceptiontry:browser=webdriver.Chrome()browser.get('http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable')browser.switch_to.frame('iframssseResult')except TimeoutException as e:  #超时错误print(e)except NoSuchFrameException as e:  #找不到Frame错误print(e)finally:browser.close()#关闭浏览器

案例讲解

滑动验证码的破解

运行之前，先按照PIL

pip3 install Pillow

我加了一些注释，方便理解，完整代码如下：

from selenium importwebdriverfrom selenium.webdriver.support.ui import WebDriverWait #等待元素加载的
from selenium.webdriver.common.action_chains import ActionChains  #拖拽
from selenium.webdriver.support importexpected_conditions as ECfrom selenium.common.exceptions importTimeoutException, NoSuchElementExceptionfrom selenium.webdriver.common.by importByfrom PIL importImageimportrequestsimportreimportrandomfrom io importBytesIOimporttimedefmerge_image(image_file,location_list):"""拼接图片"""im=Image.open(image_file)im.save('code.jpg')new_im= Image.new('RGB',(260,116))#把无序的图片 切成52张小图片im_list_upper =[]im_list_down=[]#print(location_list)for location inlocation_list:#print(location['y'])if location['y'] == -58: #上半边im_list_upper.append(im.crop((abs(location['x']),58,abs(location['x'])+10,116)))if location['y'] == 0:  #下半边im_list_down.append(im.crop((abs(location['x']),0,abs(location['x'])+10,58)))x_offset=0for im inim_list_upper:new_im.paste(im,(x_offset,0))#把小图片放到 新的空白图片上x_offset +=im.size[0]x_offset=0for im inim_list_down:new_im.paste(im,(x_offset,58))x_offset+=im.size[0]#new_im.show()returnnew_imdefget_image(driver,div_path):'''下载无序的图片  然后进行拼接 获得完整的图片:param driver::param div_path::return:'''background_images=driver.find_elements_by_xpath(div_path)location_list=[]for background_image inbackground_images:location={}result= re.findall('background-image: url\("(.*?)"\); background-position: (.*?)px (.*?)px;',background_image.get_attribute('style'))#print(result)location['x'] = int(result[0][1])location['y'] = int(result[0][2])image_url=result[0][0]location_list.append(location)image_url= image_url.replace('webp','jpg')#'替换url http://static.geetest.com/pictures/gt/579066de6/579066de6.webp'image_result =requests.get(image_url).contentimage_file= BytesIO(image_result) #是一张无序的图片image =merge_image(image_file,location_list)returnimagedefget_track(distance):#初速度v=0#单位时间为0.2s来统计轨迹，轨迹即0.2内的位移t=0.2#位移/轨迹列表，列表内的一个元素代表0.2s的位移tracks=[]tracks_back=[]#当前的位移current=0#到达mid值开始减速mid=distance * 7/8print("distance",distance)global random_int  #定义全局变量random_int=8  #超过目标位置的距离。我故意的，模拟人的行为distance += random_int #先滑过一点，最后再反着滑动回来while current <distance:if current <mid:#加速度越小，单位时间的位移越小,模拟的轨迹就越多越详细#匀速是不对的，人不能保证每一次滑动的速度是一致的#random.randint表示获取随机整数，范围是2~5之间#用随机数，就可以模拟人的行为a = random.randint(2,5)  #加速运动else:a= -random.randint(2,5) #减速运动#初速度v0 =v#0.2秒时间内的位移。通过时间和速度，能得到距离。这是小学的知识了！s = v0*t+0.5*a*(t**2)#当前的位置current +=s#添加到轨迹列表if round(s)>0:  #round表示四色五入，这里取的是整数！向上取整
tracks.append(round(s))else:tracks_back.append(round(s))#速度已经达到v,该速度作为下次的初速度v= v0+a*tprint("tracks:",tracks)print("tracks_back:",tracks_back)print("current:",current)#反着滑动到大概准确位置
tracks_back.append(distance-current)tracks_back.extend([-2,-5,-8,])returntracks,tracks_backdefget_distance(image1,image2):'''拿到滑动验证码需要移动的距离:param image1:没有缺口的图片对象:param image2:带缺口的图片对象:return:需要移动的距离'''#print('size', image1.size)
threshold= 50  #阈值，表示色度差for i in range(0,image1.size[0]):  #260  # 宽for j in range(0,image1.size[1]):  #160  # 高pixel1 =image1.getpixel((i,j))pixel2=image2.getpixel((i,j))res_R= abs(pixel1[0]-pixel2[0]) #计算RGB差res_G = abs(pixel1[1] - pixel2[1])  #计算RGB差res_B = abs(pixel1[2] - pixel2[2])  #计算RGB差#判断颜色的灰度差别太大时,要移动if res_R > threshold and res_G > threshold and res_B >threshold:return i  #需要移动的距离，i就是横坐标defmain_check_code(driver,element):"""拖动识别验证码:param driver::param element::return:"""#找到登录按钮login_btn = driver.find_element_by_class_name('js-login')login_btn.click()#点击一下,它会弹出模态框#等待加载class为gt_guide_tip的标签，也就是提示 按住左边滑块，拖动完成上方拼图#最多等待30秒,后面的0.5是啥，我不知道。人家网上是这么写，我就copy过来了！element = WebDriverWait(driver, 30, 0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'gt_guide_tip')))slide_btn= driver.find_element_by_class_name('gt_guide_tip')slide_btn.click()#点击滑块，出现缺口#图片上 缺口的位置的x坐标#左边的缺口image1 = get_image(driver, '//div[@class="gt_cut_bg gt_show"]/div')#右边的缺口image2 = get_image(driver, '//div[@class="gt_cut_fullbg gt_show"]/div')#2 对比两张图片的所有RBG像素点，得到不一样像素点的x值，即要移动的距离l =get_distance(image1, image2)print('l=',l)  #既然得到了移动距离,我们想当然的可以一步到位。但是不能这么干，要模拟人的行为！#3 获得移动轨迹track_list = get_track(l)  #模拟人的行为print('第一步,点击滑动按钮')#等待加载class为gt_slider_knob的元素，也就是像暂停键的按钮element = WebDriverWait(driver, 30, 0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'gt_slider_knob')))ActionChains(driver).click_and_hold(on_element=element).perform()  #点击鼠标左键，按住不放importtimetime.sleep(0.4)print('第二步,拖动元素')for track in track_list[0]:  #正向滑动,从左到右ActionChains(driver).move_by_offset(xoffset=track, yoffset=0).perform()  #鼠标移动到距离当前位置（x,y）time.sleep(3)for track in track_list[1]:  #反向滑动,从右到左ActionChains(driver).move_by_offset(xoffset=track, yoffset=0).perform()  #鼠标移动到距离当前位置（x,y）time.sleep(0.1)importtimetime.sleep(0.6)print('第三步,释放鼠标')ActionChains(driver).release(on_element=element).perform()  #release表示释放鼠标time.sleep(1)defmain_check_slider(driver):"""检查滑动按钮是否加载:param driver::return:"""whileTrue:try:driver.get('https://www.huxiu.com/')  #打开虎嗅网#等待加载登录标签，也就是class为login标签元素element = WebDriverWait(driver, 30,0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'js-login')))if element:  #判断是否存在returnelementexceptTimeoutException as e:print('超时错误，继续')time.sleep(5)if __name__ == '__main__':try:count= 3  #最多识别3次driver =webdriver.Chrome()while count >0:#等待滑动按钮加载完成element = main_check_slider(driver)  #检查滑动按钮是否加载main_check_code(driver,element)  #拖动识别验证码try:success_element= (By.CSS_SELECTOR, '.gt_success')#得到成功标志success_images = WebDriverWait(driver,3).until(EC.presence_of_element_located(success_element))ifsuccess_images:print('成功识别！！！！！！')count=0importsyssys.exit()exceptException as e:print('识别错误，继续')count-= 1time.sleep(1)else:print('too many attempt check code')exit('退出程序')finally:driver.close()

它的成功率有50%

运行代码，效果如下：

它会自动帮你滑动到正确的位置。

注意：打开谷歌浏览器时，必须要全屏，展示出登录这2个字。

如果网页打开是这样的

执行会报错

selenium.common.exceptions.WebDriverException: Message: unknown error: Element is not clickable at point (1019, 30)

步骤解析：

主要有3步：

第一步,点击滑动按钮
第二步,拖动元素
第三步,释放鼠标

打开虎嗅网，点击登录，将鼠标放到滑动区域。这是第一张图

这里的0.0 表示起始坐标

再点击滑块，右边会出现一个小缺口。

那么需要计算左边的区域和右边的区域的色灰度差，计算出移动坐标，最后移动过去，就可以了！

注意：它截取2张图片，用来做灰度对比。它不是用的截屏功能，因为分辨率不同，图片大小也不一样。

这里使用的是PIL中的Image来合并图像，什么意思呢？一张图片，有很多像素点。

比如白色的RGB是255, 255, 255。红色是255, 0, 0。绿色是0,255,0。其他颜色依次类推！

那么收集N多像素点之后，就可以形成一个完整的图片！

先来看一张图片和第二种图片的区别。使用for循环每一个像素点，就可以发现，这2个图片之间的区别就是那2个缺口。

看这2个缺口，右边的，要比左边的灰暗一些。这里我定义是50，这个是一个阈值，表示色度差！

比较出色度差之后，就可以定位这2个缺口位置。然后计算坐标距离，滑动左边的缺口，就可以完成了！

滑动的时候，要注意，不能直接滑动到目标位置。虽然我已经精确计算到目标位置了，但是不能这么做。网站会认为你是机器，不让通过！

所以要模拟人的行为。一开始是慢，然后加速。加速之后，可能会超过目标位置，这里我定义的是8，表示超过8个距离。

然后向左边慢慢的移动到目标位置！

merge_image和get_image 这2个方法，从是网上copy的，具体实现，可以不用关心！

本文参考链接：

https://www.cnblogs.com/yuanchenqi/articles/9460030.html