How to go about debugging JavaScript in the HtmlService in Google Scripts

by

You can use your browser’s Developers Tools. In Chrome, press the f12 button, OR choose More Tools, Developer Tools, and window will open in your browser that looks like this:

Developer Tools

One of the tabs is labeled Console. You can print information to the console by using a:

console.log('This is text: ' + myVariable);

statement.

When the Apps Script macro runs, and serves the HTML to your browser, if there are errors, they will be displayed in the Console Log.

I used the HTML you posted, and got msgs in the console of this:

HTML Error

So, for the JavaScript in a <script> tag of the HTML, you don’t look for errors in the Apps Script code editor. You need to use the browsers Developer Tools. The JavaScript in a .gs code file is server side code. It runs on Google’s servers. The JavaScript in an HTML tag runs in the users browser on the users computer.

You can also step through client side JavaScript code in your browser.

One problem is, that when the HTML is served, the code is changed.

So the JavaScript in your Apps Script code editor will not look the same as what gets served to the browser. If you view the JavaScript served to the browser, it will look totally different than the code in the Script tag in the original file.

You could also use a code editor that has error checking in it. Net Beans has a free code editor.

More Related Contents:

  1. onclick function runs automatically
  2. Uploading Multiple Files to Google Drive with Google App Script
  3. Embedding Google Apps Script in an iFrame
  4. How to debug identical strings that do not equal in google app script?
  5. Google Script HTML form from Library throws error Uncaught
  6. Add content of showModalDialog() to the clipboard Google Script
  7. Long processing time likely due to getValue and cell inserts
  8. Merging or Combining two onEdit trigger functions
  9. How to poll a Google Doc from an add-on
  10. Using Chrome, how to find to which events are bound to an element
  11. Which Edition of ECMA-262 Does Google Apps Script Support?
  12. Google Bar Chart cannot Change Individual Bar Color
  13. Editing in the Chrome debugger
  14. variable background colors in google line chart
  15. How do I print debug messages in the Google Chrome JavaScript Console?
  16. Scraping data to google sheets from a website that uses JavaScript
  17. Generate PDF of only one sheet of my spreadsheet
  18. Google Visualization Charts API examples are broken, how to fix them?
  19. How to debug dynamically loaded JavaScript (with jQuery) in the browser’s debugger itself?
  20. When passing variable to function I get ‘Invalid argument’, but when I hard code it works in Apps Script
  21. Console.log not working at all
  22. Using Crypto-JS in Google Apps Script – What is C.lib?
  23. Find what javascript changes the DOM?
  24. How do I find which JavaScript is changing an element’s style?
  25. How to open Safari from a WebApp in iOS 7
  26. How to Call Google Apps Script from Web Page
  27. Using base64-encoded images with HtmlService in Apps Script
  28. Add timestamp to named column in Google Spreadsheet onEdit script
  29. Chrome developer tools do not show all JavaScript files any more
  30. Converting Google spreadsheet date into a JS Date object?

Leave a Comment