Wie klicke ich auf diese Elemente mit Python und Selenium?

Hallo,

Ich versuche, auf die folgenden Elemente auf dieser Webseite (https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx) mit Python und Selenium zu klicken.

//*[@id=“tone-options”]/li[3]/button

//*[@id=“camera-container”]/button

//*[@id=“camera-container”]/cib-flyout/cib-visual-search//div[3]/button[1]

Ich habe XPATH, CSS probiert.

Fehler:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"//*[@id="tone-options"]/li[3]/button"}

(Session info: chrome=119.0.6045.200)

Stacktrace:

GetHandleVerifier [0x00007FF7D97B82B2+55298]

(No symbol) [0x00007FF7D9725E02]

(No symbol) [0x00007FF7D95E05AB]

(No symbol) [0x00007FF7D962175C]

(No symbol) [0x00007FF7D96218DC]

(No symbol) [0x00007FF7D965CBC7]

(No symbol) [0x00007FF7D96420EF]

(No symbol) [0x00007FF7D965AAA4]

(No symbol) [0x00007FF7D9641E83]

(No symbol) [0x00007FF7D961670A]

(No symbol) [0x00007FF7D9617964]

GetHandleVerifier [0x00007FF7D9B30AAB+3694587]

GetHandleVerifier [0x00007FF7D9B8728E+4048862]

GetHandleVerifier [0x00007FF7D9B7F173+4015811]

GetHandleVerifier [0x00007FF7D98547D6+695590]

(No symbol) [0x00007FF7D9730CE8]

(No symbol) [0x00007FF7D972CF34]

(No symbol) [0x00007FF7D972D062]

(No symbol) [0x00007FF7D971D3A3]

BaseThreadInitThunk [0x00007FF8125E7344+20]

RtlUserThreadStart [0x00007FF8130026B1+33]

kann mir jemand helfen? Danke.

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

05.12.2023, 18:26

Die Elemente befinden sich innerhalb von Shadow Roots. Du musst erst die Hosts finden, um anschließend den integrierten DOM auflösen zu können.

Beispiel:

Das .camera-container-Element steckt verschachtelt in den Roots der Container (Hosts) cib-serp und cib-action-bar. Erst muss der Shadow Tree für den ersten Container aufgelöst werden, über diesen anschließend der Zweite. Im innersten Kontext kann das eigentliche Element gesucht werden.

cib_serp = browser.find_element(By.CSS_SELECTOR, ".cib-serp-main")
cib_serp_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_serp)

cib_action_bar = cib_serp_shadow_root.find_element(By.CSS_SELECTOR, "#cib-action-bar-main")
cib_action_bar_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_action_bar)

camera_container = cib_action_bar_shadow_root.find_element(By.CSS_SELECTOR, ".camera-container")

Schau für die anderen Elemente in den Browserinspektor und verfolge die Elternkette, um herauszufinden, in welchen Shadow Roots sie liegen.

GeldGeil457

Fragesteller

05.12.2023, 21:18

Beim Bild hinzufügen anklicken hats geklappt aber beim Unterhaltungsstil umstellen auf genau scheitert es beim finden von "<cib-welcome-container product="bing" chat-type="consumer"></cib-welcome-container>" mein code: "cib_serp = driver.find_element(By.CSS_SELECTOR, ".cib-serp-main")

cib_serp_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_serp)

cib_conversation = cib_serp_shadow_root.find_element(By.CSS_SELECTOR, '#cib-conversation-main')

cib_conversation_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_conversation)

cib_welcome_container = driver.find_element(By.CSS_SELECTOR, '#cib-chat-main > cib-welcome-container')

cib_welcome_container_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_welcome_container)

cib_tone = driver.find_element(By.CSS_SELECTOR, '#cib-tone-selector')

cib_tone_shadow_root = driver.execute_script("return arguments[0].shadowRoot", cib_tone)

genau = cib_tone_shadow_root.find_element(By.XPATH, '//*[@id="tone-options"]/li[3]/button')

genau.click()"

regex9

06.12.2023, 18:24

@GeldGeil457

Statt driver, muss cib_conversation_shadow_root für den Aufruf von find_element verwendet werden.

cib_welcome_container = cib_conversation_shadow_root.find_element(By.CSS_SELECTOR, '#cib-chat-main > cib-welcome-container')

Auch bei der Definition von cib_tone nutzt du das falsche Objekt. In diesem Fall müsste es das cib_welcome_container_shadow_root-Objekt sein. Der CSS-Selektor für cib_tone wäre cib-tone-selector (Elementselektor, also ohne Raute, denn das Element hat keine ID).

Ähnliche Fragen

selenium find_elements_by_class_name?

Hallo,

ich versuche gerade einen Bot zu programmieren, aber ich komme nicht weiter. Und zwar kommt folgende Fehlermeldung:

AttributeError: 'WebDriver' object has no attribute 'find_elements_by_class_name'

Kann mir da jemand helfen?

Mein Code ist dieser:

from selenium import webdriver
from selenium.webdriver.chrome.service import Service

def login():
    logInStartButton = webDriver.find_elements_by_class_name("e13wiwn62.tiktok-1mm63h3-Button-StyledLoginButton.ehk74z00")
    logInStartButton.click()

s = Service ("chromedriver.exe")
webDriver = webdriver.Chrome(service=s)
webDriver.get("https://tiktok.com/")

login()

...zur Frage

Java Script wird nicht ausgeführt?

hallo, und zwar wird bei mir nicht Java Script ausgeführt. Könnt ihr mir helfen woran dass liegt???

HTML:

<!DOCTYPE html>

<head>

</head>

<body>

<h1 id="title">Today's Quiz</h1>

</ol>

</div>

</div>

<h2 id="score-title">Your Score</h2>

<button type="button" id="check-answer" onclick="checkAnswer()">Check Answers</button>

</div>

<h2>Answers :</h2>

</ol>

</div>

</body>

</html>

JAVA SCRIPT:

...zur Frage

Python Selenium xpath ul / li?

Hallo Zusammen,

ich versuche aktuell über Selenium eine Website auszulesen. Zum Auslesen nutze ich Selenium xpath. Es geht um folgende Bespielseite: https://www.westernwelt.com/Cowboyhut-3X-von-Resistol-aus-Filz_1

Der von Chrome kopierte xpath lautet:
//*[@id="product-offer"]/div[2]/div/div[2]/div[2]/div/dl/dd[2]/div/div/div/ul/li[3]/a/span/span/span

Sobald in diesem Pfad ein ...ul/li/... vorkommt bekomme ich keine Ergebnisse mehr. Wo ist hier mein Denkfehler?

from selenium import webdriver
from selenium.webdriver.common.by import By#

url= 'https://www.westernwelt.com/Cowboyhut-3X-von-Resistol-aus-Filz_1'

driver = webdriver.Chrome()
driver.get(url)

xpath = '//*[@id="product-offer"]/div[2]/div/div[2]/div[2]/div/dl/dd[2]/div/div/div/ul/li[3]/a/span/span/span'
elements = driver.find_element(by=By.XPATH, value=xpath)

...zur Frage

Variable in XPATH Expression benutzen?

Ist es möglich eine Variable in einer Selenium XPATH Expression zu benutzen?

BSP:

search_field = driver.find_element(By.XPATH, "//*[@id='text']")

"text" ist dabei die Variable welche eingesetzt werden sollte. Funktioniert das oder muss es anders aussehen wenn man da eine Variable einsetzen will?

Danke für alle Antworten!

...zur Frage

Python Selenium Chrome Profil speichern?

Hallo,

Ich möchte, dass Selenium beim Öffnen von Chrome mein Profil speichert bzw. dass es mein Profil beibehält. Ich habe einiges im Internet gefunden, aber ich bekomme überall Error. Wenn mir jemand helfen könnte, wäre das Top.

options = webdriver.ChromeOptions()

options.add_argument("user-data-dir=C:/Users/jamu/AppData/Local/Google/Chrome/User Data")

w = webdriver.Chrome(executable_path="C:\\Users\\chromedriver.exe", chrome_options=options)

Ich bekomme erstens den error webdriver das ändere ich ganz einfach zu driver das ist kein Problem

Dann bekomme ich den Error: 'ChromeOptions' object has no attribute 'add_argument'. Did you mean: 'add_arguments'?

Ich habe dann add_argument zu add_arguments ausgebessert.

Allerdings bekomme ich dann diesen Fehler hier: TypeError: Chrome() takes no arguments

Vielen Dank im vorraus.

Ich wäre euch sehr dankbar, wenn mir jemand helfen könnte.

...zur Frage

wie klicke ich über python einen button auf einer webseite?

Hey Community!

Ich experimentiere aktuell ein wenig mit Python herum und versuche über das Selenium Modul einen Button ausfindig zu machen und ihn dann zu klicken.

Wenn ich die Webseite untersuche bekommt man folgenden code:

Mein Programm schafft es nicht diesen Button ausfindig zu machen.

Die Fehlermeldung lautet:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"./ancestor-or-self::form"} (Session info: chrome=78.0.3904.97).

Ich habe diesen Button untersucht und die xpath adresse kopiert, das Element Xpath habe ich dann gesucht und anschließend geklickt:

browser.find_element_by_xpath('//[@id="urlDown"]/div[2]').click()

kann mir jemand helfen?

...zur Frage

Ue5 rendern geht nicht?

Moin,

Ich hab folgendes Problem, habe eine sequence in der UE5 erstellt, diese dann gerendert aber erst zu spàt gemerkt das ich nur 150 frames gerendert habe. Daraufhin hab ich die ganzen frames aus dem Ordner gelóscht und wollte die komplette sequence nochmal rendern jedoch passiert wenn ich auf den Render button neben dem camera Symbol klicke nichts. Kann einer helfen. Danke

...zur Frage

Selenium Python Elemente finden durch klasse finden?

Ich habe folgendes Problem ich möchte einen Bot programmieren der mich auf einer Seit anmeldet und ein paar Sachen dort für mich macht während ich etwas anderes mache, jedoch weiß ich nicht wie ich den Button finden soll per Klasse.

Button = driver.find_element_by_class_name()

Habe ich benutzt dort dann den Klassennamen eingetragen, jedoch gibt es diese Klasse öfter und wenn ich

Button.click()

mache passiert nix, der Button hat sonst keine ID oder ähnliches

er hat eine <span data-v-(Zahlenfolge)
bin leider nicht so im ganzen HTML ding drin kann nur die basics, habe python erst seit heute gelernt also ist das auch noch nicht so gut.
Freue mich auf jede Antwort

...zur Frage

JS ARRAYS + RECHNEN?

Also ich habe ein Programm wo man per Knopfdruck über einen Prompt etwas schreiben kann und das steht dann im Array, aber es soll so sein das wenn man auf einen anderen Button drückt ein Allert kommt in dem steht wie viel alles zusammen ist also ich möchte es + rechnen.

Falls es hilfreich ist hier mein Code:

<html>

<head>

</head>

<body>

<h1>Stromverbrauch</h1>

<button onclick="addNewItem(); updateList();">Neuen Verbrauch hinzufügen</button>

</ul>

let shoppingItems = getShoppingItemsFromLocalStorage();

updateList();

function getShoppingItemsFromLocalStorage() {

let items = localStorage.getItem('shoppingItems');

if (items == null || items == '') {

items = [];

} else {

items = items.split(',');

}

return items;

}

function addNewItem() {

let item = prompt('Welchen Verbrauch hast du?');

if (item != null) {

shoppingItems.push(item);

localStorage.setItem('shoppingItems', shoppingItems);

}

function removeItem(itemIndex) {

shoppingItems.splice(itemIndex, 1);

localStorage.setItem('shoppingItems', shoppingItems);

}

function updateList() {

document.getElementById('list').innerHTML = '';

for (let index = 0; index < shoppingItems.length; index += 1) {

document.getElementById('list').innerHTML += '<li>' + shoppingItems[index] +

' <button onclick="removeItem(' + index + '); updateList();">X</button></li>';

}

</script>

</body>

</html>

...zur Frage

JavaScript: Text nach Button-Klick in Textfeld?

Ich habe so eine Seite :

<li class="items">
    <p>some text 1</p>
    <div><button class="link" value="1">Wählen</a></div>
</li>
<li class="items">
    <p>some text 2</p>
    <div><button class="link" value="2">Wählen</a></div>
</li>
<li class="items">
    <p>some text 3</p>
    <div><button class="link" value="3">Wählen</a></div>
</li>



<form action="send" method="POST">
    <input type="text" name="text" id="text" required>
    <input type="number" name="zahl" id="zahl">
    <button type="submit" name="submit">Senden</button>
</form>

oben sind mehrere Texte mit je einem Button zum Auswählen (derzeit ohne funktion). Unten ist dann ein Formular und man kann selbst die Zahl des Textes dort eintragen.

Jetzt will ich das aber für leute vereinfachen und ermöglichen, dass man einfach auf den jeweiligen Button klickt und dann die Zahl (das value des Buttons) in das textfeld "number" eingetragen wird. Wie kann ich das mit javascript machen ? außerdem sollte der cursor direkt in das textfeld "text" gehen.

...zur Frage

Daten senden mit fetch?

Hallo,

ich will mit der Fetch API Daten senden und abrufen. Aber wen ich dies tue, kommt ein Fehler:

POST http://127.0.0.1:5500/api net::ERR_ABORTED 405 (Method Not Allowed)

Ich weiß gar nicht, wie ich diesen Fehler beheben soll. Ich habe dazu auch nichts hilfreiches bis jetzt gefunden.

Mein Ziel ist es, Daten mit Javascript an einen Server (für den Anfang an localhost) zu senden und diese dann von einem weiteren localhost-Server abrufen.

Das ist meine Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section id="control-center">
        <button id="get-btn">Get Data</button>
        <button id="post-btn" onclick="test()">Post Data</button>
        <script>
            function test(){
                const data = {"name": "somename"}
                const options = {
                    method: "POST",
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify(data)
                }
                fetch('/api', options)
            }
        </script>
    </section>
</body>
</html>

Und das ist meine app.js:

const express = require('express')
const app = express()
app.listen(3000, () => console.log('3000'))
app.use(express.static('public'))

app.post('/api', (req, res) => {
    console.log(req)
})

Wenn jemand eine bessere Methode hat, Daten an einen Server zu senden, dann würde ich diese auch mal gerne probieren.

...zur Frage

Zwei funktionen auf ein button packen?

Wie kann ich zwei funktionen auf einen Button packen? Also ich will das bei jedem click auf meinen button

1. immer plus 1 addiert wird: onclick="pluszahl()"

2. das ein Sound abgespielt wird: onclick="play()"

Leider konnte ich nur den counter machen und frage mich jetzt wie ich den sound auch aktivieren kann

HTML:

    <span class="center">Bam?</span>
    <div onclick="custom()" class="btn-container">
        <button onclick="pluszahl()"; twoclick="play()"    class="button1">
            Bam
        </button>
    </div>

    <div id="resultArea">0</div>

JavaScript:

function play() {
  var audio = new Audio('bam.mp3');
  audio.play();
}

function pluszahl() {
  document.getElementById("resultArea").innerHTML = parseInt(document.getElementById("resultArea").innerHTML)+1;
  }

...zur Frage

Python Selenium XPath nach Inhalt?

Hallo zusammen
Ich programmiere gerade einen Bot mit Python Selenium und möchte ein Element nach dessen Inhalt finden. Nun habe ich driver.find_element_by_xpath("//*[contains(text(), '1')]"). Nun sollte dieses Element angeklickt werden, doch es funktioniert nicht. Als error Meldunug kommt: 'list' object has no attribute 'click'.
Ich befürchte, dass nicht dieses div objekt ausgewählt wurde, welches ich wollte. Wie könnte ich das beheben?

...zur Frage

Chrome Driver | Python | Ubuntu?

Hey,

wenn ich versuche den Chromedriver mit Selenium und Python zu starten bekomme ich den Fehler:

[WDM] - ====== WebDriver manager ======
[WDM] - Current google-chrome version is 102.0.5005
[WDM] - Get LATEST chromedriver version for 102.0.5005 google-chrome
[WDM] - Driver [/root/.wdm/drivers/chromedriver/linux64/102.0.5005.61/chromedriver] found in cache
test2.py:41: DeprecationWarning: use options instead of chrome_options
  driver = webdriver.Chrome(chrome_options=options, service=Service(ChromeDriverManager().install()))
Traceback (most recent call last):
  File "test2.py", line 117, in <module>
    webscraperopen()
  File "test2.py", line 41, in webscraperopen
    driver = webdriver.Chrome(chrome_options=options, service=Service(ChromeDriverManager().install()))
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/chrome/webdriver.py", line 70, in __init__
    super(WebDriver, self).__init__(DesiredCapabilities.CHROME['browserName'], "goog",
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/chromium/webdriver.py", line 92, in __init__
    RemoteWebDriver.__init__(
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/remote/webdriver.py", line 275, in __init__
    self.start_session(capabilities, browser_profile)
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/remote/webdriver.py", line 365, in start_session
    response = self.execute(Command.NEW_SESSION, parameters)
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/remote/webdriver.py", line 430, in execute
    self.error_handler.check_response(response)
  File "/usr/local/lib/python3.8/dist-packages/selenium/webdriver/remote/errorhandler.py", line 247, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException: Message: unknown error: Chrome failed to start: exited abnormally.
  (unknown error: DevToolsActivePort file doesn't exist)
  (The process started from chrome location /usr/bin/google-chrome is no longer running, so ChromeDriver is assuming that Chrome has crashed.)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen