Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Debugger custom formatters test page</title>
</head>
<body>
<p>Custom formatters test page</p>
<script>
"use strict";
window.devtoolsFormatters = [
{
header: obj => {
if (obj.hasOwnProperty("customFormatHeaderAndBody")) {
return ["span", {"style": "font-style: italic;"}, "CUSTOM"];
}
return null;
},
hasBody: obj => true,
body: obj => ["span", {"style": "font-family: serif; font-size: 2rem;"}, obj.customFormatHeaderAndBody]
}, {
header: (obj, config) => {
if (obj.hasOwnProperty("customFormatObjectAndConfig")) {
return [
"span",
{},
`object tag: `,
[
"object",
{
object: null,
}
],
];
}
return null;
},
}];
function pauseWithCustomFormattedObject() {
const abc = {customFormatObjectAndConfig: true};
const xyz = {customFormatHeaderAndBody: "customFormattedBody"};
debugger;
}
</script>
</body>
</html>