Come posso trovare un identificatore JavaScript specifico di un sito web?

3

Voglio utilizzare JavaScript per impostare la quantità di scorrimento di una pagina Web in un AppleScript, utilizzando secondo metodo descritto in questa risposta .

Questa risposta si concentra in particolare su una pagina web. Voglio escludere questo metodo, in modo che possa usarlo su qualsiasi altra pagina web. Non ho familiarità con JavaScript.

Quindi, c'è un modo in cui posso passare il mouse in una determinata posizione di una pagina Web e quindi mi viene detto qual è l'identificatore JavaScript corrispondente? Se ciò non è possibile, c'è un modo per ottenere il nome dell'identificatore JavaScript di uno specifico elemento visivo su una pagina web?

    
posta rubik's sphere 15.03.2017 - 00:55
fonte

1 risposta

2

Come esempio in Google Chrome, utilizzando l'URL di questa domanda e impostando lo scorrimento per selezionare l'intestazione della domanda della pagina, utilizza Chrome > Visualizza > Sviluppatore > Strumenti per sviluppatori ⌥⌘I per trovare id . In questo caso si chiama question-header .

Puoi anche fare clic con il pulsante destro del mouse e selezionare Esamina dal menu di scelta rapida, che porterà gli Strumenti per gli sviluppatori direttamente a quel punto nel codice .

Il seguente codice aprirà questa pagina e scorrerà fino all'intestazione della domanda.

set myURL to "http://apple.stackexchange.com/questions/276314/how-can-i-find-a-specific-javascript-identifier-of-a-website#276314"
tell application "Google Chrome"
    activate
    tell front window to set curTab to make new tab at after (get active tab) with properties {URL:myURL}
    tell curTab
        repeat while (loading)
            delay 1
        end repeat
        -- scroll to the top of the question header.
        execute javascript "e=document.getElementById('question-header');tTop=0; do {tTop +=e.offsetTop || 0; e=e.offsetParent} while(e); window.scrollTo(0,tTop);"
    end tell
end tell

Puoi vedere nel codice sopra che question-header è stato scambiato per twc-scrollabe nella riga execute javascript ... di codice .

Puoiancheottenereunelencorapidodeipuntidiancoraggio<divid=utilizzandocurlinTerminaleepipingl'outputingrep,comenell'esempiodiquestapagina.

$curl-s'http://apple.stackexchange.com/questions/276314/how-can-i-find-a-specific-javascript-identifier-of-a-website'|grep'<divid='<divid="notify-container"></div>
    <div id="custom-header"></div>
            <div id="header">
                <div id="hlogo">
                <div id="hmenus">
        <div id="content">
<div id="herobox">
    <div id="hero-content">
            <div id="close"><a title="click to minimize">_</a></div>
        <div id="blurb">
        <div id="desc">
</script>           <div id="question-header">
            <div id="mainbar">
        <div id="comments-276314" class="comments  dno">
        <div id="comments-link-276314" data-rep=50 data-anon=true>
            <div id="answers">
                <div id="answers-header">
                            <div id="tabs">
<div id="answer-276316" class="answer" data-answerid="276316"  itemscope itemtype="http://schema.org/Answer">
        <div id="comments-276316" class="comments  dno">
        <div id="comments-link-276316" data-rep=50 data-anon=true>
<div id="post-editor" class="post-editor js-post-editor">
            <div id="wmd-button-bar" class="wmd-button-bar"></div>
    <div id="draft-saved" class="draft-saved community-option fl" style="margin-top: 8px; height:24px; display:none;">draft saved</div>
    <div id="draft-discarded" class="draft-discarded community-option fl" style="margin-top: 8px; height:24px; display:none;">draft discarded</div>
    <div id="wmd-preview" class="wmd-preview"></div>
                <div id="sidebar" class="show-votes">
<div id="hot-network-questions" class="module tex2jax_ignore">
<div id="feed-link">
    <div id="feed-link-text">
    <div id="footer" class="categories">
            <div id="footer-menu">
                <div id="footer-sites">
            <div id="copyright">
            <div id="svnrev">
                <div id="additional-notices">
        <div id="noscript-warning">Ask Different works best with JavaScript enabled<img src="https://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif"alt="" class="dno"></div>
$

Nota: anche se curl ridurrà la pagina, il comando grep come mostrato nell'esempio potrebbe non funzionare come in questa pagina. Alcuni contenuti della pagina non hanno interruzioni di riga e il codice è un flusso contiguo.

    
risposta data 15.03.2017 - 01:25
fonte

Leggi altre domande sui tag