Skip to content

Latest commit

 

History

History
38 lines (24 loc) · 1.37 KB

README.md

File metadata and controls

38 lines (24 loc) · 1.37 KB
Raw

Custom ArcGIS API 4 for JavaScript object formatting for Chrome DevTools.

Chrome DevTools provides an option to take control over how objects are formatted in DevTools. More info: https://docs.google.com/document/d/1FTascZXT9cxfetuPRT2eXPQKXui4nWFivUnS_335T3U/preview?pref=2&pli=1

These formatters display public properties from objects produced by the ArcGIS API 4 for JavaScript.

Example of an esri/Map default console formatting:
esri/Map default console formatting

Example of an esri/Map custom console formatting:
esri/Map custom console formatting

Example of an esri/symbols/SimpleFillSymbol custom console formatting:
esri/symbols/SimpleFillSymbol custom console formatting

Usage

Enable custom formatters in Chrome Devtools

Open the Chrome DevTools settings page and check the option "Enable custom formatters"

DevTools settings

Import and install the devtools formatters

Require the appropriate module and invoke install() to enable the formatter.

<script type="module">
  import { installArcGISAPIChromeDevtoolsFormatter } from "https://cdn.jsdelivr.net/npm/arcgis-js-api-devtools/dist/arcgis-js-api-devtools.esm.js";
  installArcGISAPIChromeDevtoolsFormatter();
</script>