È possibile trovare informazioni XPath per gli elementi del sito Web utilizzando gli strumenti per sviluppatori della maggior parte dei browser. Firebug per Firefox ti consente di copiare le informazioni XPath direttamente negli appunti. Per la maggior parte degli altri browser, puoi trovare le informazioni XPath per l'elemento negli strumenti di sviluppo, ma dovrai formattarlo tu stesso.
Passi
Metodo 1 di 4: Utilizzo di Firefox e Firebug
Passaggio 1. Installa Firebug per Firefox
Firebug è un add-on per l'ispettore web per Firefox.
- Fai clic sul pulsante Menu Firefox (☰) e seleziona "Componenti aggiuntivi".
- Fai clic su "Ottieni componenti aggiuntivi", quindi fai clic su "Ottieni altri componenti aggiuntivi!" pulsante.
- Cerca "Firebug" e quindi fai clic sul pulsante "Aggiungi a Firefox" accanto ad esso.
- Conferma di voler installare Firebug e riavvia Firefox quando richiesto.
Passaggio 2. Aprire il sito Web che si desidera ispezionare
Puoi utilizzare Firebug per ispezionare qualsiasi elemento su un sito Web per trovare XPath.
Passaggio 3. Fare clic sul pulsante Firebug
Lo troverai nell'angolo in alto a destra della finestra. Questo aprirà il pannello Firebug nella parte inferiore della finestra di Firefox.
Passaggio 4. Fare clic sul pulsante di ispezione dell'elemento
Lo troverai nella fila superiore di pulsanti nel pannello Firebug nella parte inferiore della finestra, direttamente a destra del pulsante Opzioni Firebug. Sembra una scatola con il cursore del mouse puntato su di essa.
Passaggio 5. Fare clic sull'elemento della pagina Web che si desidera ispezionare
Quando sposti il cursore sulla pagina web, vedrai che diversi elementi vengono evidenziati. Fare clic su quello per cui si desidera trovare l'XPath.
Passaggio 6. Fare clic con il pulsante destro del mouse sul codice evidenziato nel pannello Firebug
Quando fai clic su un elemento in una pagina web, il relativo codice verrà evidenziato nel pannello Firebug nella parte inferiore della finestra. Fare clic con il pulsante destro del mouse su questo codice evidenziato.
Passaggio 7. Selezionare "Copia XPath" dal menu
Questo copierà le informazioni XPath dell'elemento negli appunti.
Se si seleziona "Copia XPath minimo", verranno copiate solo le informazioni XPath di base
Passaggio 8. Incollare altrove le informazioni XPath copiate
Una volta copiato il codice, puoi semplicemente incollarlo ovunque ti serva facendo clic con il pulsante destro del mouse e selezionando "Incolla".
Metodo 2 di 4: utilizzo di Chrome
Passaggio 1. Apri il sito Web che desideri ispezionare in Chrome
Non hai bisogno di alcuna estensione installata per poter trovare le informazioni XPath degli elementi del sito web quando utilizzi Chrome.
Passaggio 2. Premere
F12 per aprire l'ispettore del sito web.
Questo apparirà sul lato destro della finestra.
Passaggio 3. Fare clic sul pulsante di ispezione dell'elemento
Lo troverai nell'angolo in alto a sinistra del pannello di ispezione del sito web. Il pulsante ha l'aspetto di una casella con il cursore del mouse puntato su di essa.
Passaggio 4. Fare clic sull'elemento del sito Web che si desidera ispezionare
Vedrai gli elementi del sito evidenziati mentre sposti il cursore su di essi.
Passaggio 5. Fare clic con il pulsante destro del mouse sul codice evidenziato nel pannello di ispezione
Quando fai clic su un elemento con l'ispettore, il relativo codice verrà evidenziato automaticamente nel pannello dell'ispettore sul lato destro della finestra. Fare clic con il pulsante destro del mouse sul codice evidenziato.
Passaggio 6. Selezionare "Copia" → "Copia XPath
" Questo copierà le informazioni XPath dell'elemento negli appunti.
Nota che questo copia solo le informazioni XPath minime. Firebug per Firefox può darti tutte le informazioni XPath
Passaggio 7. Incollare le informazioni XPath copiate
Puoi incollare le informazioni XPath copiate come faresti con qualsiasi altra informazione copiata facendo clic con il pulsante destro del mouse in un campo di testo e selezionando "Incolla".
Metodo 3 di 4: utilizzo di Safari
Passaggio 1. Fare clic sul menu Safari e selezionare "Preferenze
" Dovrai abilitare il menu Sviluppo per accedere all'utilità Web Inspector.
Passaggio 2. Fare clic sulla scheda "Avanzate"
Verranno visualizzate le impostazioni avanzate di Safari.
Passaggio 3. Seleziona la casella "Mostra menu Sviluppo nella barra dei menu"
Il menu Sviluppo apparirà immediatamente nella barra dei menu.
Passaggio 4. Aprire il sito Web che si desidera ispezionare
Chiudi il menu Preferenze e visita il sito Web che contiene l'elemento per il quale desideri ottenere XPath.
Passaggio 5. Fare clic sul menu Sviluppo e selezionare "Mostra Web Inspector
" Il pannello Web Inspector apparirà nella parte inferiore della finestra.
Passaggio 6. Fare clic sul pulsante "Avvia selezione elemento"
Ha l'aspetto di un mirino e si trova nella riga superiore di pulsanti nel pannello Web Inspector.
Passaggio 7. Fare clic sull'elemento del sito Web che si desidera ispezionare
Questo evidenzierà il codice per quell'elemento nel pannello Web Inspector nella parte inferiore della finestra.
Passaggio 8. Annotare le informazioni XPath nella parte superiore dell'albero
Non puoi copiare direttamente XPath, ma puoi vedere il percorso completo disposto sopra il codice visualizzato in Web Inspector. Ogni scheda è un'espressione di percorso.
Metodo 4 di 4: Utilizzo di Internet Explorer
Passaggio 1. Aprire il sito Web che si desidera ispezionare in Internet Explorer
Non è necessario installare nulla per trovare XPath in Internet Explorer. Apri il sito Web che contiene l'elemento che desideri ispezionare.
Passo 2. Premi F12 per aprire gli strumenti di sviluppo
Il pannello degli strumenti per sviluppatori apparirà nella parte inferiore della finestra.
Passaggio 3. Fare clic sul pulsante "Seleziona elemento"
Lo troverai nell'angolo in alto a sinistra del pannello degli strumenti per sviluppatori.
Passaggio 4. Fare clic sull'elemento della pagina Web che si desidera ispezionare
Questo lo selezionerà ed evidenzierà il codice per esso in DOM Explorer.
Passaggio 5. Annotare le informazioni XPath nella parte inferiore del pannello
Ciascuna delle schede lungo la parte inferiore del pannello è un'espressione XPath per l'elemento selezionato. Non puoi copiarlo in formato XPath come puoi fare in Firefox con Firebug.