Gunther Oracle APEX und Datenbank Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
=====Chrome/Edge Developer Tools Code Snippets verwenden um Page Variablen anzuzeigen=====


Gelegentlich ist es recht prakatisch den Wert aller Formualar Variablen auf der Seite zu kennen.

Dazu gibt es diverse Plugins wie das Plugin von Matt Mulvaney.

Was aber wenn keine Plugins erlaubt sind und Google Chrome überhaupt nicht verwendet werden darf?


In der Console lasse sich einfach ja auch die Werte der Page Items ausgeben.

Wie:
<code javascript>
console.log('Code Snippet to show all form elements')

var lpad = (str,pad,len) => { while(str.length < len) str = pad + str; return str; }
var rpad = (str,pad,len) => { while(str.length < len) str = str+pad; return str; }

var allForms;

allForms=document.forms;

for (let f = 0; f < allForms.length; f++) {

    console.log(allForms[f].name);

    console.log(' --- > elements');

    [...allForms[f].elements].forEach(item => {

       var log_str = ' ';
            
       if (item.name) {

            
            log_str =  ' +Type ::' + rpad(item.type,' ',15) + '  Name :: ' + rpad(item.name,' ',35) + ' Value :: ' +  item.value
        
               
            console.log(log_str);

        }
     } 
    );
    
}

</code>

Das aber jedes mal neu einzutippen/kopieren wäre aber auch umständlich.


----


==== Code Snippets ====


In den Developer Tools beider Browser (Edge und Chrome) lassen sich Scripte fest hinterlegen und bei Bedarf aufrufen.



Nach dem Starten der Developer Tools mit <key>F12</key> oder  <key>Shift + CTRL + J</key>  unter "Source/Filesystem/Snippets" obigen Code hinterlegen.

{{ :prog:developer_tools_apex_chrome_code_snippets_v01.jpg?1000 | Oracle APEX Debuggen mit den Developer Tools von Chrome mit eigenen JavaScript Aufrufen}}



=== Per Tastatur aufrufen ===


Command Menü in den Developer Tools öffnen mit  <key>STRG+o</key> und mit **!** und den Scriptname das ganze aufrufen.
 

----

==== Weitere gute Beispiele ====

Formualare auswerten => https://github.com/bgrins/devtools-snippets/blob/master/snippets/formcontrols/formcontrols.js

viele Weitere Beispiele => https://bgrins.github.io/devtools-snippets/

----

==== Quellen ====


Doku:

  * https://developer.chrome.com/docs/devtools/javascript/snippets/


Web:

  * https://www.telerik.com/blogs/6-snippets-to-keep-in-your-chrome-devtools