playwright元素操作

1、输入文字（fill）

适用于：,</code><span><span>或</span></span><code>[contenteditable]，其他类型的会报错，page、element、frame都可以使用fill方法</code></p> <pre><span style="color: rgba(0, 0, 255, 1)">from</span> playwright.sync_api <span style="color: rgba(0, 0, 255, 1)">import</span><span style="color: rgba(0, 0, 0, 1)"> sync_playwright with sync_playwright() as p: browser </span>= p.chromium.launch(headless=False,slow_mo=1000<span style="color: rgba(0, 0, 0, 1)">) page </span>=<span style="color: rgba(0, 0, 0, 1)"> browser.new_page() page.goto(</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">https://www.baidu.com</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">) </span><span style="color: rgba(0, 128, 0, 1)">#</span><span style="color: rgba(0, 128, 0, 1)">页面直接调用fill方法</span> page.fill(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">#kw</span><span style="color: rgba(128, 0, 0, 1)">"</span>, <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">playwright</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 128, 0, 1)">#</span><span style="color: rgba(0, 128, 0, 1)">向百度搜索框输入playwright</span> <span style="color: rgba(0, 128, 0, 1)">#</span><span style="color: rgba(0, 128, 0, 1)">元素调用fill方法 </span> element_handle = page.query_selector(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">#kw</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">) element_handle.fill(</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">playwright</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 128, 0, 1)">#</span><span style="color: rgba(0, 128, 0, 1)">向百度搜索框输入playwright</span></pre> <h2>2、模拟键盘挨个输入字符（type）</h2> <p>我们也可以在type方法中增加delay参数，设置每个字符之间输入的延迟。page、element、frame都可以使用type方法。不适用于ctrl、enter等特殊键</p> <pre><span style="color: rgba(0, 0, 255, 1)">from</span> playwright.sync_api <span style="color: rgba(0, 0, 255, 1)">import</span><span style="color: rgba(0, 0, 0, 1)"> sync_playwright with sync_playwright() as p: browser </span>= p.chromium.launch(headless=False,slow_mo=1000<span style="color: rgba(0, 0, 0, 1)">) page </span>=<span style="color: rgba(0, 0, 0, 1)"> browser.new_page() page.goto(</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">https://www.baidu.com</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">) page.type(</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">#kw</span><span style="color: rgba(128, 0, 0, 1)">"</span>, <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">哈哈哈</span><span style="color: rgba(128, 0, 0, 1)">"</span>)</pre> <h2>3、模拟键盘按键操作（press）</h2> <p>模拟键盘上的每个按键，也支持Control+c等组合按键，不支持连续按键（例如先按a、再按b）</p> <p>Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape,<br>ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight,<br>ArrowUp, F1 - F12, Digit0 - Digit9, KeyA - KeyZ, etc.</p> <pre>from playwright.sync_api import sync_playwright<br><br>with sync_playwright() as p:<br> browser = p.chromium.launch(headless=False,slow_mo=1000)<br> page = browser.new_page()<br> page.goto("https://www.baidu.com")<br><br> page.type("#kw", "enter")#模拟键盘挨个输入字符<br> page.press("#kw", "Control+a") #模拟ctrl+a键<br> page.press("#kw", "Control+x")</pre> <p></p> <h2>4、聚焦到某个元素（focus）</h2> <pre>page.focus(<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">元素</span><span style="color: rgba(128, 0, 0, 1)">'</span>)</pre> <h2>5、鼠标点击（click）</h2> <pre>page.click()</pre> <pre>selector参数：指定元素</pre> <pre>button：右击、左击、中建 "left", "middle", "right"，默认左</pre> <pre>click_count：点击次数<br><br></pre> <h2>6、鼠标双击（dbclick）</h2> <pre>page.dbclick(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">元素</span><span style="color: rgba(128, 0, 0, 1)">"</span>)</pre> <h2>7、鼠标悬浮（hover）</h2> <pre>page.hover(<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">#item</span><span style="color: rgba(128, 0, 0, 1)">'</span>)</pre> <h2>8、操作复选框和单选框（check、uncheck）</h2> <p>适用于<code>input[type=checkbox]</code><span><span>，</span></span><code>input[type=radio]</code><span><span>，</span></span><code>[role=checkbox]</code><span><span>或</span></span><code>label</code><span><span>与复选框或单选按钮相关联</span></span></p> <h2>9、操作复选框和单选框（select_option）</h2> <p>适用于<span><span>在</span></span><code><select></code><span><span>元素中</span><span>选择一个或多个选项</span></span></p> <p><span><span>参考链接：https://playwright.dev/python/docs/input</span></span></p> <p><span><span> </span></span></p> </div>  <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid11594-0.html' class='tagbtn' target='_blank'>playwright</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div>  <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-562965.html">playwright启动浏览器&打开页面</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div>   </div>  </div> <div class="col-lg-3 col-12 p-0 ps-lg-2">     <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div>  </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="/skin/bootstrap.bundle.js"></script> </body> </html>