Contact us
Uncategorized

Learn how to use Chrome web developer tools to debug client script

Jaime Requena

–

December 19, 2022

Introduction

This article will give basic instructions on how to use the tools to debug and write snippets.  I will also show how to make use of the SuiteScript 1.0 API in the Console.

Debugging Client Script

Step 1:  Create a client script which acts on the save of the record (below) and deploy it to the sales order record

				
					/**
 *@NApiVersion 2.1
 *@NScriptType ClientScript
 */

define([],
    () => {

        saveRecord = (context) => {
            const currentRecord = context.currentRecord;

            let memo = 'Testing';
            let poNumber = 'PO Number'

            currentRecord.setValue('memo', memo);
            currentRecord.setValue('otherrefnum', poNumber);

            return true;
        }

        return {
            saveRecord: saveRecord
        };
    });

Step 2:  Open the Chrome Developer tools

  1. Edit any sales order record (make sure you are in Edit mode and not View mode)
  2. Right click anywhere on the record and select “Inspect”:

 

The web developer tools will open on the right section of the browser:

 

 

Step 3:  View your script using the tools

  1. Click on the “Sources” tab.  If you can’t see the “Sources” tab, then drag the center divider to the left.
  2. Then on the left pane, open the “app” folder and then open “common/scripting”.  You will see your script there.  Click on it to open it:

 

 

Step 4: Add breakpoints to your script

  1. Click on the line numbers where you want execution to pause:

 

 

Step 5: Save the Sales Order

  1. The execution will stop at the first breakpoint.
  2. Click the play button to stop at the next breakpoint.

You can use the buttons on the top right to continue execution.  The current value of the variable is shown in gray text:

 

You can also click the “Console” tab and enter the names of variables to see their value:

 

Writing Snippets

For various reasons you may want to write a one-off client script and run it in the browser.  One reason could be to quickly update a group of records without having to deploy a script in the environment.  Here’s how:

Step 1: Create the Snippet

  1. With the Chrome Developer Tools open, click the “Snippets” tab on the left side.
  2. Click “New snippet”

 

				
					The code for a snippet is different from a normal 2.x SuiteScript.  You use require instead of define:
 

require(['N/record'], function(record){

});
Here is an example which simply performs an update on a sales order.  Paste this code into your snippet and Save (Ctrl-S).
 

require(['N/record'], function(record){
	record.submitFields({
		type: record.Type.SALES_ORDER,
		id: 15135,
		values: {
			memo: 'ABC'
		}
	});
});

You can right click on your snippet file to give it a name.

  1. Run your snippet by right clicking on the snippet file and select “Run”.
  1. Reload the associated sales order to see the record has been updated.

SuiteScript 1.0 API Available in the Console

You can make use of SuiteScript 1.0 API in the console.   For instance, you can load, update and save records.  Here’s an example:

Conclusion

Do you need help with NetSuite development?  Please contact us here to set up a consultation.

If you liked this article, please sign up for my newsletter to get these delivered to your inbox here.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Post

Have Any Question?

Do not hesitate to contact us. We’re a team of experts ready to talk to you.

Marathon, Florida 33050, US

support@suitetoothconsulting.com

Optimize Your NetSuite Now—Unlock Expert Tips & Instant ROI

Menu

About

Links

  • Terms of use
  • Privacy policy
  • Cookie policy
  • Terms & conditions

Our Address

Youtube Facebook Twitter

© 2025 Suite Tooth Consulting All Rights Reserved