Sudi's Chrome Developer Tool
This is a tool designed to assist the Support team in common troubleshooting tasks.
Installation
Simply clone this repository to your machine using the following:
$ git clone https://github.com/masiddee/sudi-dev-tools.gitNext, visit chrome://extensions (via omnibox or Window -> Extensions). Enable Developer mode by ticking the checkbox in the upper-right corner. Click on the "Load unpacked extension..." button. Select the directory containing your unpacked extension (this will be located where ever your cloned repo is located)
The extension should now be ready to use.
Using the extension
To use the extension, first navigate to any page with tracking code on it and bring up the Developer Tools. You should see an extra tab pop up titled "Sudi Developer Panel". From here you should see 2 buttons: "Click to compile form handler URL" and "Click to scrape page"
Click to compile form handler URL
This button will only work if you are on a form handler page in your PD account. Once there, simply click the button to scrape the FH URL and field names and compile what the FH URL should look like with generic "VALUE" placeholders. This will compile both the secure and unsecure version of the URL.
From here, you can then edit the specific URLs to use real test data, and then copy/paste the URLs for testing/sharing.
Click to scrape page
Simply click the button to scrape the page, and you should see the panel populate with the following:
- Form Action Attribute (for forms not in an iframe)
- Any Account IDs
- Any Campaign IDs
- Any visitor_id cookies (you can also delete the individual cookies from your browser)