XUL applications consist of several XUL, JavaScript, and CSS files, which are archived in a Jar file. In the case of Fennec, it has two jar files in fennec/chrome/. en-US.jar which has localization information, chrome.jar which has Fennec front-end code.
To modify them,
1) Extract the chrome.jar in the current path
2) Modify the chrome.manifest as follows
override chrome://global/skin/about.css chrome://browser/skin/about.cssIn order to display variable values or simple JavaScript debug message information in the system console, you can use the dump function. Before using this command, it needs to enable browser dump preferences by typing about:config in the URL bar.
skin browser classic/1.0 content/..
content branding content/branding/
content firstrun content/ contentaccessible=yes
content browser content/
browser.dom.window.dump.enabled=trueThis is an example of using dump() in the startup() funciton in browser.js
startup: function() {
var self = this;
dump("begin startup\n");
let container = document.getElementById("tile-container");
...
The dump function works well on Linux system, but
It works well in Visual Studio, so I could see debug messages in the output box of Visual Studio using the latest build of Fennec.
References