SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子

i042416發表於2020-08-21

We know that once we enable debug mode via “Ctrl+Alt+Shift+P”, this setting will be persisted: even if you turn off your laptop and launch the application tomorrow, the debug mode will still be there.


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


In Chrome development tool, there is an Application tab which records this setting via key value pair using Local Storage.


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


As usual we can still use debug to investigate what has happened when the checkbox “Use Debug Sources(reload)” is clicked. In Chrome development tool Elements tab, click the small arrow icon to enter the element inspection mode, then click the checkbox, then its html source code will be automatically navigate.


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


Perform global search via keyword “useDbgSources”, and then we can find the event handler onUseDbgSources for debug mode set:


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


Set a breakpoint on this function, then mark the checkbox in UI, breakpoint is triggered as expected:


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


Within the function, we can know the debugging flag is set via localStoage API: window.localStorage.setItem


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


This API will change the following file in my laptop:


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子 SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


If I open the changed file via some SQLite management tool, I can find the corresponding entry with key sap-ui-debug and value ‘X’ set:


SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


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

SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2713516/,如需轉載,請註明出處,否則將追究法律責任。

相關文章