http://wiki.opera-info.com/AnpassungenUI/BenutzerButtons/WebEntwicklung History/revisions of OperaInfo-Wiki/AnpassungenUI/BenutzerButtons/WebEntwicklung en-us http://wiki.opera-info.com/AnpassungenUI/BenutzerButtons/WebEntwicklung/show?time=2009-10-01+19%3A51%3A46 <a name="p198-1"></a><p class="auto" id="p198-1"><strong>Schaltflächen für&nbsp;die Webentwicklung</strong></p><br /><a name="p198-2"></a><p class="auto" id="p198-2"> Dank <a href="http://dev.opera.com/articles/view/opera-developer-tools/" target="_blank" title="externer Verweis (in neuem Fenster)" class="outerlink"><img src="http://wiki.opera-info.com/themes/oi_02/icons/web.gif" alt="" border="0" />Opera Developers</a> können Webentwickler jetzt ein&nbsp;paar nützliche Tools mit&nbsp;Opera verwenden.</p><br /><a name="p198-3"></a><p class="auto" id="p198-3"> <!--notypo--> <a class="button" href='opera:/button/Attach Developer Tools Window,,,"Dragonfly","DOM Console" | Close Developer Tools Window,,,"Dragonfly","DOM Console"' title="Dragonfly">Opera Dragonfly</a> <!--/notypo--> Entwicklerkonsole über Button aktivieren. (ab Opera 9.5) <a href="http://my.opera.com/dragonfly/" target="_blank" title="externer Verweis (in neuem Fenster)" class="outerlink"><img src="http://wiki.opera-info.com/themes/oi_02/icons/web.gif" alt="" border="0" />Opera Dragonfly</a></p><br /><a name="p198-4"></a><p class="auto" id="p198-4"> <!--notypo--> <a class="button" href='opera:/button/Go to page,"javascript%3A(function()%7Bvar ele%3Ddocument.documentElement.appendChild(document.createElementNS(%27http://www.w3.org/1999/xhtml%27%2C%27script%27))%3Bele.onload %3D function()%7Bthis.parentNode.removeChild(this)%3B%7D%3Bele.src%3D%27http://devfiles.myopera.com/tools/developer/8679/devConsole.js%27%3B%7D)()",,"Entwicklerkonsole","DOM Console"'>Entwicklerkonsole</a> <!--/notypo--> zeigt den&nbsp;<span class="nobr">DOM-Baum</span> einer Webseite an.<br /> <!--notypo--> <a class="button" href="opera:/button/Go%20to%20page%2C%20%22javascript%3A(function()%7Bvar%20ele%3Ddocument.getElementsByTagName('head')%5B0%5D.appendChild(document.createElement('script'))%3Bele.type%3D'text%2Fjavascript'%3Bele.src%3D'http%3A%2F%2Fdevfiles.myopera.com%2Farticles%2F59%2FliveSource.js'%3Bele.parentNode.removeChild(ele)%3BliveSource.open()%3B%7D)()%3B%22%2C%20%2C%20%22DOM%20Snapshot%22%2C%20%22Select%20author%20mode%22">DOM Snapshot</a> <!--/notypo--> erstellt ein&nbsp;aktuellen Auszug des&nbsp;DOM und&nbsp;zeigt ihn&nbsp;farbig an.</p><br /><a name="p198-5"></a><p class="auto" id="p198-5"> <!--notypo--> <a class="button" href="opera:/button/Go%20to%20page%2C%20%22javascript%3A(function()%7Bvar%20ele%3Ddocument.getElementsByTagName('head')%5B0%5D.appendChild(document.createElement('script'))%3Bele.type%3D'text%2Fjavascript'%3Bele.src%3D'http%3A%2F%2Fdevfiles.myopera.com%2Farticles%2F59%2FstyleSheets.js'%3Bele.parentNode.removeChild(ele)%3BcssConsole.open()%3B%7D)()%3B%22%2C%20%2C%20%22CSS%20Editor%22%2C%20%22Bookmark%20Unvisited%22">CSS Editor</a> <!--/notypo--> zeigt live die&nbsp;Stylesheets einer Webseite an&nbsp;und kann sie&nbsp;auch ändern; Änderungen lassen sich für&nbsp;die weitere Verwendung exportieren. (bis Opera 9.2×)<br /> Alternativ können auch die&nbsp;Buttons DOM&nbsp;Konsole, DOM&nbsp;Snapshot, CSS&nbsp;Editor durch die&nbsp;Menüerweiterung <a href="http://wiki.opera-info.de/AnpassungenUI/Menueerweiterung#h203-2" target="_blank" title="externer Verweis (in neuem Fenster)" class="outerlink"><img src="http://wiki.opera-info.com/themes/oi_02/icons/web.gif" alt="" border="0" />Entwicklerkonsole</a> ersetzt werden. (bis Opera 9.2×)<br /> <!--notypo--> <a class="button" href='opera:/button/Go to page,"javascript%3A%28function%28%29%7Bvar ele%3Ddocument.documentElement.appendChild%28document.createElementNS%28%27http%3A//www.w3.org/1999/xhtml%27 ,%27script%27 ,%27script%27%29%29%3Bele.src%3D%27http%3A%2F%2Fdevfiles.myopera.com%2Ftools%2Fdeveloper%2F8679%2FdevConsole.js%27%3Bele.parentNode.removeChild%28ele%29%3Bopera.tools.console.open%28%29%3B%7D%29%28%29",,,"Panel Info"' title="Entwicklerkonsole">Entwicklerkonsole</a> <!--/notypo--> als&nbsp;Button. (bis Opera 9.2×)</p><br /><a name="p198-6"></a><p class="auto" id="p198-6"> <!--notypo--> <a class="button" href="opera:/button/Go to page,%22javascript:(function(){var r=function(x,y){return Math.floor((x/y-Math.floor(x/y))*y%2B.1);},ch=function(url){url=%27info:%27%2Burl;var c=[0x9E3779B9,0x9E3779B9,0xE6359A60],i,j,k=0,l,f=Math.floor,m=function(c){var i,j,s=[13,8,13,12,16,5,3,10,15];for(i=0;i%3C9;i%2B=1){j=c[r(i%2B2,3)];c[r(i,3)]=(c[r(i,3)]-c[r(i%2B1,3)]-j)^(r(i,3)==1%3Fj%3C%3Cs[i]:j%3E%3E%3Es[i]);}};for(l=url.length;l%3E=12;l-=12){for(i=0;i%3C16;i%2B=1){j=k%2Bi;c[f(i/4)]%2B=url.charCodeAt(j)%3C%3C(r(j,4)*8);}m(c);k%2B=12;}c[2]%2B=url.length;for(i=l;i%3E0;i--)c[f((i-1)/4)]%2B=url.charCodeAt(k%2Bi-1)%3C%3C(r(i-1,4)%2B(i%3E8%3F1:0))*8;m(c);return%276%27%2Bc[2];};url=document.location;w=window.open(%27http://www.google.com/search?client=navclient-auto&ch=%27+ch(url)+%27&features=Rank&q=info:%27+escape(url),%27pr%27,%27width=100,height=35%27);})()%22,,%22PageRank%22,View hotlist" titel="PageRank">PageRank</a> <!--/notypo--> zeigt mit&nbsp;der letzten Zahl den&nbsp;PageRank der&nbsp;aktuellen Seite an. Es&nbsp;gibt eine Möglichkeit, mit&nbsp;<a href="http://scss.com.au/family/andrew/opera/panels/pagerank/" target="_blank" title="externer Verweis (in neuem Fenster)" class="outerlink"><img src="http://wiki.opera-info.com/themes/oi_02/icons/web.gif" alt="" border="0" /><span class="nobr">User-Javascript</span></a> dies als&nbsp;grafischen Balken darzustellen.</p><br /><a name="p198-7"></a><p class="auto" id="p198-7"> <!--notypo--> <a class="button" href='opera:/button/Go to page,"javascript%3Avoid%28location.href%3D%27http%3A//%27%20+%20location.host%20+%20%27/robots.txt%27%29",,,view' title="Zeige robots.txt">Robots.txt</a> <!--/notypo--> zeigt die&nbsp;Robots.txt einer Webseite an. <a href="http://bookmarklets.dkmd.de" target="_blank" title="externer Verweis (in neuem Fenster)" class="outerlink"><img src="http://wiki.opera-info.com/themes/oi_02/icons/web.gif" alt="" border="0" />Quelle</a></p>