本篇內(nèi)容介紹了“ABAP的語法高亮是怎么在瀏覽器里顯示的”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)主營南岸網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,南岸h5微信小程序搭建,南岸網(wǎng)站營銷推廣歡迎南岸等地區(qū)企業(yè)咨詢

在S/4HANA里，我們現(xiàn)在能在瀏覽器里寫ABAP了，并且支持語法高亮。

<br font-size:16px;white-space:normal;background-color:#FFFFFF;" />

你也許會問，ABAP的語法高亮是如何在瀏覽器里顯示的？下面跟我一起來通過調(diào)試的方式自己找到問題的答案。

(1). 在瀏覽器里敲個ABAP的關(guān)鍵字，比如data。發(fā)現(xiàn)被高亮了。通過Chrome開發(fā)工具發(fā)現(xiàn)高亮是通過一個叫ace_keyword的css類實現(xiàn)的。

在Chrome開發(fā)工具里以關(guān)鍵字".ace_keyword"搜索: 發(fā)現(xiàn)這個css類是硬編碼在theme-sap-cumulus.js里的。

(2). 現(xiàn)在需要找到瀏覽器里進行ABAP代碼編輯的編輯器的實現(xiàn)。在Chrome開發(fā)工具里Network tab里輸入“.xml”作為過濾條件，于是找到編輯器的Fiori實現(xiàn): Editor.view.xml

具體的編輯器是實現(xiàn)在命名空間reuse的ABAPWrapper標簽里。

根據(jù)這個命名空間找到實現(xiàn)ABAP編輯器的UI5應用，如下圖: nw_aps_ext_lib.

打開ABAPWrapper-dbg.js, 在第68行設(shè)置斷點。這個函數(shù)負責從ABAP后臺取PAD文件，該文件和語法高亮有關(guān)。

刷新ABAP編輯器頁面，斷點觸發(fā)，在調(diào)試器里觀察PAD文件的內(nèi)容:

所有的ABAP關(guān)鍵字都列在該PAD文件里，這樣UI5就知道編輯器里哪些字符串應該做高亮顯示。

(3). 最后一個問題就是，比如當我敲了一個ABAP關(guān)鍵字"new"之后，UI5應用具體哪行代碼將對應的css類加到這個字符串對應的DOM節(jié)點上？

如下圖，一旦我敲了一個字符w之后，字符串new作為一個關(guān)鍵字需要被高亮：

具體邏輯如下圖：一旦敲入字符"w"后，onInput作為事件處理函數(shù)觸發(fā):

函數(shù)$renderLine負責生成對應的HTML源代碼。輸入字符"new"被傳入函數(shù)getLineTokens來計算該字符串是關(guān)鍵字還是普通變量。

在文件AceRndTokenizer.js里, ABAP解析器按照我們期望的將“new”解析成關(guān)鍵字，因為解析器擁有PAD文件的引用，因此它知道哪些字符串是關(guān)鍵字，哪些是普通變量。

(4). DOM節(jié)點的源代碼在此處生成，"ace"和“keyword"做連接操作，生成最后我們在Chrome開發(fā)工具里看到的完整css類ace_keyword.

“ABAP的語法高亮是怎么在瀏覽器里顯示的”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

分享文章：ABAP的語法高亮是怎么在瀏覽器里顯示的
文章分享：http://chinadenli.net/article34/isgepe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、軟件開發(fā)、網(wǎng)站維護、定制網(wǎng)站、做網(wǎng)站、面包屑導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)