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.
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.