selenium课堂笔记切换framecss选择器

1、等待元素出现隐式等待用 WebDriver 对象的 implicitly_wait 方法。 这个方法有一个参数，指明等待最长时间。driver.implicitly_wait(10)显式等待Selenium 里面还有一种称之为显式等待的， 可以为一个操作专门指定等待时间比较长，可以顺着读一遍，很像自然语言.大家不用强记，需要使用的时候，直接拷贝，修改红色部分就可以了。Frame 切换frame 介绍例子，网页中包含网页：ht/#/discover/toplist?id=60198iframe 就是一个特殊的 html 元素， 它在原来的 html 范围内，开辟了一个新的 HTML。如果一个 h

2、tml 文档结构比作一个国家的话， iframe 就像 在一个国家里面建立一个附属国家。 里面是一个全新的 html 文档。就像国中之国from selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected_conditions asECfrom selemon.by import Byele = WebDriverWait(driver,60).until(EC.presence_of_element_located(By.ID,1)W3C 对 frame 的

3、介绍iframe:http:.cn/tags/tag iframe.aspframeset:http:.cn/tags/tag_frameset.asp两者的区别是：iframe 用于在网页内显示网页。和 frameset 不同的是，frameset 内置好几个子 html而 iframe 只内置一个子 htmlwebdriver 切换 frame 的方法这个frame_reference 可以是frame 元素的 name 属性值 或者 ID 属性值：contentFrame（浏览器里面看一下）索引值 （从 0 开始）：0可能有人问，我咋知道索引？谁先出现就是第一个frame 所对应的 We

4、bElement ：driver.find_element_by_tag_name(iframe)建议优先使用第一种，如果 frame 元素没有 name 属性，就用下面的两种方法。比如元素有 ID， 就可以根据 find element by id 找到 webelement 对象，然后， 就是第三种了。从里面的 frame 切换回主 HTML嵌套 frame 中如何逐层切换一层一层的切换返回上一层 framedriver.switch_to.parent_frame()driver.switch_to.frame(layer2) driver.switch_to.frame(layer3)

5、driver.switch_to.default_content()driver.switch_to.frame(frame_reference)注意动态 ID 不能使用前面找榜歌曲的时候，f12 显示，寻找 ID 是找的这个蓝框中的， 为什么不找红框子中的呢？比上面的 div 更贴近要找的 table 元素， 而且它也有 id 啊。？很多前端开发框架会自动生成一些元素， 有动态生成的 id 会变，这个是 会变的 id 要注意，不能用来选择怎么识别是动态的呢？ 名字往往是一串随机字符，而不会变的 id 值通常名字是有意义的单词。CSS 选择器css 选择器是什么css 选择器 是浏览器用来选择

6、元素的，selenium 也要选择元素，也可以使用 css的选择器语法来选择 web 元素。 而且这种方法效率还非常的高。CSS 选择器基本用法根据 tag 名 选择p color: red;表示选择所有的 p 元素 ， 运行一下都变成红色了如果改为p color: blue;， 运行一下这里面 选择器就根据元素名。起到了选择的作用根据id ，修改一下#food color: blue; 表示选择 ID 为 food 的 元素 ，如果改为#food2 color: blue;， 运行一下这里面 选择器就根据id 。起到了选择的作用根据 class 选择，修改一下有的元素 有两个 class 值

7、，.vegetable color: blue; 表示选择所有的为 vegetable 的元素 ，注意class表示这个元素 有两个 class 值， 而不是一个 vegetable good 整体的属性这里面 选择器就根据class。起到了选择的作用可以黄瓜.goodcolor: red;黄瓜.spel color: red;当然也可以组合写 span.vegetablecolor: blue;这样 p.vegetable 就不会被选中以上介绍的只是 css 选择器的冰山一角，后续课程中也会陆续讲到 css 的高级使用技巧内容移步到 w3c 有资料使用 css 方法选择元素CSS 后代选择器

8、用法语法 如下表示 选择 s1 元素 里面 所有的 s2 元素， S2 可以是 S1 的直接子节点，也可以不是其中可以是前面学过的 css 根据 tag 名、id 、 class 描述的任何语法比如：#choose_car option就是 选择 id 为 choosecar 的元素的到底是 不是直接子元素，不重要，的为 option 的子元素。只要是 属于choose_car 的的 option 元素就可以了。上节课作业代码：eles = driver.find_elements_by_css_selector(#choose_car option)青菜.vegetable.good#新歌榜

9、song_items=soup.find_all(div,class_=song-item)soup=BeautifulSoup(html_doc,html5lib)from bs4 import BeautifulSoup#BS 方法html_doet_attribute(outerHTML)ele=driver.find_element_by_id(songListWrapper)close_btn0.click()if close_btn:#如果弹出框存在就点击ebtn)close_btn=driver.find_elements_by_id(_qianqian_pop_clos#点击弹

10、出框driver.get(http/top/new)driver.implicitly_wait(10)driver=webdriver.Chrome()from selenium import webdriver# up=item.find_elements_by_class_name(up)# for item in song_items:# # driver.implicitly_wait(0)# song_items=ele.find_elements_by_class_name(song-item)pr(fsong_titlesinger)singer=item.find(span,class_=singer).get_text()title).stringsong_title=item.find(span,class_=song-if iclass0=up:#判断属性是否是 up# pr(iclass)