3 votos

¿Cómo puedo encontrar un identificador específico de JavaScript de una página web?

Quiero usar JavaScript para establecer la cantidad de desplazamiento de una página web en un AppleScript, utilizando el segundo método que se describe en esta respuesta.

Esta respuesta se centra en una página web en particular. Quiero rama de este método, así que lo puedo usar en cualquier otra página web. Yo estoy familiarizado con JavaScript.

Así que, ¿hay alguna manera de que me puede colocar el ratón en un lugar determinado de una página web, y luego me dijo lo que el correspondiente identificador JavaScript es? Si eso no es posible, hay alguna forma de obtener el identificador JavaScript nombre de un elemento visual en una página web?

1voto

user3439894 Puntos 5883

Como un ejemplo en Google Chrome, utilizando la dirección URL de esta pregunta y ajuste el desplazamiento a punto a la pregunta del encabezado de la página, el uso de Cromo > Ver > Desarrollador > Herramientas del Desarrollador ⌥⌘yo a encontrar el id. En este caso se llama question-header.

También puede haga clic derecho y seleccione Inspeccionar desde el menú de contexto, que traerá hasta Herramientas de Desarrollador directamente a ese punto en el código.

El siguiente código se abrirá esta página y vaya a la pregunta del encabezado.

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

Se puede ver en el código anterior que question-header fue canjeado por twc-scrollabe en la execute javascript ... línea de código.

Developer Tools

También puede obtener una lista rápida de la <div id= puntos de anclaje mediante curl en la Terminal y la tubería de la salida a grep, como en el ejemplo de esta página.

$ curl -s 'http://apple.stackexchange.com/questions/276314/how-can-i-find-a-specific-javascript-identifier-of-a-website' | grep '<div id='
    <div id="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 traerá la página hacia abajo, el grep comando como se muestra en el ejemplo puede no funcionar tan bien como lo hizo para esta página. Algún contenido de la página no tiene saltos de línea y el código es un flujo continuo.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X