SAP Cloud for Customer的UI實現里，有不少使用JavaScript在運行時動態創建div標簽的例子。

如果想研究這些情形發生的上下文，我們可以使用ES6提供的標準Proxy對象，給瀏覽器原生的document.createElement方法注入一個proxy，里面設置一個斷點。這樣每當div標簽頁被動態創建時，我們注入的proxy將會取代標準的document.createElement被瀏覽器調用。從斷點停下來的調用上下文，我們即可觀測到更多信息。

const handler = { // Our hook to keep the trackapply: 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);

比如每次SAP Cloud for Customer UI出現busy indicator的動畫效果時，其實瀏覽器就是殘軀新建一個div標簽的方式實現的。

使用setTimeout實現busy indicator的動態效果。

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。