HTML generated from Google Apps Script in Web Apps, or Sidebars and Modals in bound scripts can be pretty tricky to debug from Chrome Developer Tools.
Typically, the approach is to develop and test your Apps Script HTML code externally in a more suitable text editor either via CLASP ( A command line tool that allows you to code locally) or simply by copying and pasting in the code and feeding it sample data from a local text editor.
However, there comes a point where you need to add your HTML to your Apps Script code and test it.
The Problem
Your Apps Script HTML is buried inside nested iframes and processed by Google’s front-end parser, which often hides error locations. This makes debugging in the Apps Script Editor a nightmare. Let’s ease that pain!
Table of Contents
The Starter Code
Continue reading “Find and Inspect Apps Script-generated HTML in Chrome Dev Tools”