selenium firefox

¿Cómo inspeccionar el elemento en selenium3.6 como firebug ya no es una opción para FF 56?



firefox (4)

Extensión ChroPath para xpath y el mejor reemplazo para FirePath. No depende de otra extensión como firepath dependía de firebug. Simplemente agregue ChroPath al navegador Chrome y úselo.

ChroPath descarga- ChroPath

Caracteristicas-

  1. da selectores únicos de xpath y css
  2. Se abre como una pestaña de la barra lateral en el panel de herramientas donde puede acceder a DOM, inspeccionar el elemento en el lado izquierdo y escribir XPath / CSS en el lado derecho.
  3. verificar los selectores xpath y css
  4. da la lista de nodos coincidentes
  5. resaltar el elemento web al pasar el mouse por encima
  6. Desplace el elemento oculto en el área de visualización al pasar el ratón.
  7. ChroPath es la única extensión que ofrece selectores CSS únicos para el elemento seleccionado o inspeccionado.

Estoy tratando de encontrar una manera de usar firebug para FF. Desafortunadamente no es compatible con el selenium 3.6 . ¿Qué se puede hacer si tengo que localizar los elementos? ¿Será suficiente el elemento "Inspeccionar"?

Si uso menos versión de selenio, ¿me ayudará?

Inspeccionar elemento es suficiente si solo desea inspeccionar el elemento. Encontré Firepath útil para probar los localizadores. Bajar de categoría a Firefox 30 – 54 debería ser suficiente. No tiene nada que ver con la versión Selenium.

También puedes mirar Chropath para Chrome

Pruebe este paso en su caso y verifique.

  1. Abra una pestaña en blanco en Firefox
  2. Escriba about: config en la barra de direcciones y luego presione enter (haga clic en ¡Acepto el riesgo!)
  3. Encuentra browser.tabs.remote.autostart
  4. Seleccione la opción y luego haga clic con el botón derecho del mouse
  5. Convertir la opción como falsa
  6. Cierre el navegador para reiniciar el navegador
  7. Abra el navegador nuevamente, inspeccione el elemento. Espero que funcione correctamente.

Si visita la página de GitHub de FirePath , se menciona claramente que:

FirePath es una extensión de Firebug que agrega una herramienta de desarrollo para editar, inspeccionar y generar expresiones XPath y selectores CSS3

Ahora, si visita la página de inicio de FireBug , claramente menciona que:

La extensión Firebug ya no se desarrolla ni se mantiene. Te invitamos a usar Firefox DevTools en su lugar, que viene con Firebug a continuación.

Por lo tanto, la dirección es clara: tenemos que usar las Herramientas de desarrollo que vienen integradas con la versión Mozilla Firefox 56.x + en adelante.

Ejemplo de uso:

Ahora, supongamos que tenemos que identificar el xpath o cssSelector del cuadro de búsqueda en la página de inicio de Google https://www.google.com/ .

  1. Abra el navegador Mozilla Firefox o Google Chrome y busque la url https://www.google.co.in
  2. Presione F12 o Ctrl + Shift + I para abrir las Herramientas del desarrollador
  3. Dentro de la consola de Developer Tools , con la pestaña Elementos , una vez que haga clic en el Inspector y pase el mouse, el Cuadro de búsqueda y el Elemento web correspondiente al Cuadro de búsqueda se resaltan dentro del Árbol DOM .

  1. Dentro del HTML DOM , puede hacer clic derecho y al pasar el mouse sobre Copy elemento, puede hacer clic en cualquiera de los siguientes elementos del submenú:

    • Copy selector : para copiar el CssSelector (absoluto)
    • Copy XPath : para copiar el XPath (absoluto)

  2. Instantánea:

Pasos Adicionales

Si hace referencia al CssSelector o XPath copiado, también puede construir un XPath único lógico o un CssSelector .

Probar tu propio XPath

Para probar su propio XPath escrito, dentro de la consola de Developer Tools , haga clic en la pestaña Console y en el editor pegue el xpath lógico único que ha construido en el siguiente formato y presione Enter o Return :

$x("logical_unique_xpath_of_search_box_element")

Ejemplo:

Probar su propio CssSelector

Para probar su propio CssSelector escrito, dentro de la consola de Herramientas para desarrolladores , haga clic en la pestaña Console y, en el editor, pegue el cssSelector lógico único que ha construido en el siguiente formato y presione Entrar o Volver :

$$("logical_unique_cssSelector_of_search_box_element")

Ejemplo: