¿Cómo puedo encontrar un identificador de JavaScript específico de un sitio web?

3

Quiero usar JavaScript para configurar la cantidad de desplazamiento de una página web en un AppleScript, usando segundo método descrito en esta respuesta .

Esta respuesta se centra en una página web en particular. Quiero ramificar este método para poder usarlo en cualquier otra página web. No estoy familiarizado con JavaScript.

Entonces, ¿hay alguna forma de mover el mouse en una ubicación determinada de una página web y luego me dicen cuál es el identificador de JavaScript correspondiente? Si eso no es posible, ¿hay alguna forma de obtener el nombre del identificador de JavaScript de un elemento visual específico en una página web?

    
pregunta rubik's sphere 15.03.2017 - 00:55

1 respuesta

2

Como ejemplo en Google Chrome, utilizando la URL de esta pregunta y configurando el desplazamiento para que apunte al encabezado de pregunta de la página, use Chrome > Ver > Desarrollador > Herramientas de desarrollo ⌥⌘I para encontrar el id . En este caso se llama question-header .

También puede hacer clic con el botón derecho y seleccionar Inspeccionar en el menú contextual, que mostrará las Herramientas del desarrollador directamente a ese punto en el código .

El siguiente código abrirá esta página y se desplazará hasta el encabezado de la pregunta.

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

Puede ver en el código arriba que question-header se cambió por twc-scrollabe en la línea execute javascript ... del código .

Tambiénpuedeobtenerunalistarápidadelospuntosdeanclaje<divid=usandocurlenTerminalycanalizandolasalidaagrep,comoenelejemplodeestapágina.

$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: mientras curl reducirá la página, el comando grep como se muestra en el ejemplo puede no funcionar tan bien como lo hizo en esta página. Algunos contenidos de la página no tienen saltos de línea y el código es un flujo contiguo.

    
respondido por el user3439894 15.03.2017 - 01:25

Lea otras preguntas en las etiquetas