標準化されたJavaScriptプロキシを使用することでES6は、HTMLのdivネイティブ動作の遮断SAPのC4Cページオブジェクト

お客様のためのUIの実装SAPクラウド、実行時に動的にdivタグを作成するにはJavaScriptを使用しての多くの例があります。

あなたはこのような状況の文脈を勉強したいが発生した場合、我々は標準プロキシはES6は、ブレークポイントを設定したプロキシを、注入のブラウザネイティブのdocument.createElementメソッドに提供するオブジェクトを使用することができます。こうしたdivタグページが動的に作成されているときはいつでも、私たちは、プロキシは、標準のdocument.createElementがブラウザと呼ばれている置き換えられます注入します。ブレークポイントの呼び出しコンテキストを停止することから、我々はより多くの情報を観察することができます。

const handler = { // Our hook to keep the track
    apply: function (target, thisArg, args){
        console.log("Jerry Intercepted a call tocreateElement with args: " + args);
        debugger;
        return target.apply(thisArg, args)
    }
}
document.createElement= new Proxy(document.createElement, handler);

例えば、毎回顧客のUIが表示されますのためのSAPクラウドのアニメーションビジーインジケータは、実際には、ブラウザは、達成するための新しい方法を作成するために、残留フッターのdivタグです。

使用すると、効果の動的なビジーインジケータをsetTimeoutを。

もっとジェリーの元の記事については、してください公共の番号「王Zixi」に注意を払います：