SAP UI5應用的除錯標誌位的本地儲存邏輯 - local storage使用的一個例子
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.
In Chrome development tool, there is an Application tab which records this setting via key value pair using 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.
Perform global search via keyword “useDbgSources”, and then we can find the event handler onUseDbgSources for debug mode set:
Set a breakpoint on this function, then mark the checkbox in UI, breakpoint is triggered as expected:
Within the function, we can know the debugging flag is set via localStoage API: window.localStorage.setItem
This API will change the following file in my laptop:
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:
要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2713516/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- SAP 電商雲 Spartacus UI Cart ID 的 local storage 儲存UI
- SAP UI5 應用 XML 檢視的載入邏輯分析UIXML
- 關於 SAP Fiori Elements 應用標題屬性(title) 的複製邏輯單步除錯除錯
- SAP MTA 裡定義 SAP UI5 module 的一個例子UI
- SAP UI5 應用 index.html 裡各個屬性賦值邏輯的講解UIIndexHTML賦值
- SAP UI5 使用 Smart Control 的一個具體例子UI
- SAP UI5 sap-ui-core.js的載入邏輯UIJS
- SAP UI5 應用讀取 CSRF token 的 HTTP head 請求邏輯解析UIHTTP
- SAP UI5自學教程一:button.js的載入邏輯UIJS
- 使用Fiori Elements建立的SAP UI5應用,如何支援編輯功能UI
- SAP UI5 BarcodeScannerButton 的初始化邏輯 - Cordova API 檢測等邏輯UIAPI
- 透過 FileUploader 的初始化,瞭解 SAP UI5 應用的 StaticArea 初始化邏輯UI
- 如何使用 Chrome 除錯執行在手機上的 SAP UI5 Cordova 混合應用試讀版Chrome除錯UI
- 第一個Java卡應用的除錯Java除錯
- 如何分析SAP UI5應用的undefined is not a function錯誤UIUndefinedFunction
- 用thinkphp寫的一個例子:抓取網站的內容並且儲存到本地PHP網站
- SAP WM中階儲存型別裡的Full stk rmvl 欄位和Return Storage type欄位型別
- SAP庫存表之間的邏輯關係
- 一個真實的 SAP 標準 UI5 應用的擴充套件開發專案分享 - UI5 介面上新增訂單建立者欄位UI套件
- 有選擇性的啟用SAP UI5除錯版本的原始碼UI除錯原始碼
- 使用 SAP UI5 系統測試工具 UIVeri5 的一個具體例子UI
- 如何將複雜的應用邏輯從儲存過程移植到業務層儲存過程
- 一個實際的例子學習 SAP BTP Java 應用的 @Before 註解使用方式Java
- SAP Spartacus SSR 模式下 index.html 頁面的響應邏輯除錯模式IndexHTML除錯
- SAP UI5 應用中的 sap.ui.require 使用場景UI
- SAP UI5 Currency 資料型別的校驗邏輯分析UI資料型別
- 做一個可除錯的Android應用除錯Android
- 關於 SAP UI5 floating footer 顯示與否的單步除錯以及使用 SAP UI5 的收益UI除錯
- plsqlDevloper 儲存過程的除錯SQLdev儲存過程除錯
- 本地開發的 SAP UI5 應用,部署到 ABAP 伺服器執行出錯的問題分析UI伺服器
- sap.ui.core.IAsyncContentCreation 這個標記介面在 SAP UI5 框架中的應用UI框架
- SAP UI5 Theme Library 的解析邏輯和 SAP UI5 配置後設資料的預設值UI
- 使用 yo 命令列嚮導給 SAP UI5 應用新增一個新的檢視命令列UI
- 如何在 SAP UI5 應用裡安全儲存一些敏感的資料,避免被上傳到 Github 去的風險UIGithub
- SAP UI5 應用中的 sap.ui.require.toUrl 使用場景UI
- 如何自定義 SAP UI5 字串型別輸入欄位的校驗邏輯試讀版UI字串型別
- SAP UI5 index.html 根節點的 css 類填充邏輯UIIndexHTMLCSS
- SAP UI5 setProperty 的執行邏輯單步調式和分析UI