À titre d'exemple, dans Google Chrome, en utilisant l'URL de cette question et en paramétrant le défilement pour qu'il pointe vers l'en-tête de la question de la page, utilisez Chrome > Affichage > Développeur > Outils de développement I pour trouver l'élément suivant id . Dans ce cas, il s'agit de question-header .
Vous pouvez également cliquer avec le bouton droit de la souris et sélectionner Inspecter à partir du menu contextuel, ce qui fera apparaître les outils de développement directement à ce point dans l'arborescence. code .
Les éléments suivants code ouvrira cette page et fera défiler la page jusqu'à l'en-tête de la question.
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
Vous pouvez voir dans le code au-dessus de cela question-header a été échangé contre twc-scrollabe dans le execute javascript ... ligne de code .
![Developer Tools]()
Vous pouvez également obtenir une liste rapide des <div id= points d'ancrage en utilisant curl dans le terminal et tuyauterie la sortie vers grep comme dans l'exemple de cette page.
$ 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>
$
Note : Bien que curl fera descendre la page, le grep comme indiqué dans l'exemple peut ne pas fonctionner aussi bien qu'il l'a fait pour cette page. Certains contenus de page n'ont pas de sauts de ligne et la commande code est un flux contigu.
