Skip to main content

Twig教學 - Debug mode

Submitted by admin on Wed, 02/05/2020 - 07:05

我們可以透過編輯sites/default/services.yml這個檔案開啟twig的debug mode。

如果這個檔案不存在,我們可以複製同一個資料夾底下的default.services.yml病重新命名為services.yml使用。

cp sites/default/default.services.yml sites/default/services.yml

 

打開debug mode的方式很簡單,將檔案內的twig.config中的debug設置為true即可,如下方所示

parameters:
  twig.config:
    debug: true 

 

開啟twig debug功能後記得先清除快取。再次重新整理網頁後我們可以看到頁面原始碼多了非常多的註解資訊,例如

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'block' -->
<!-- FILE NAME SUGGESTIONS:
   * block--seven-breadcrumbs.html.twig
   * block--system-breadcrumb-block.html.twig
   * block--system.html.twig
   x block.html.twig
-->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/block/block.html.twig' -->

這些資訊可以讓我們知道對應的HTML區塊是由哪個twig template輸出的,進而知道必須更改那些地方。

Tags