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=
usandocurl
enTerminalycanalizandolasalidaagrep
,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.