# HTML Remote Debugging: document.registerElement

**URL:** <https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765>\
**Category:** General\
**Tags:** html, development\
**Created:** [February 22, 2020, 1:22pm UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765 "2020-02-22T13:22:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ouellettec](https://casparcgforum.org/user_avatar/casparcgforum.org/ouellettec/32/596_2.png) [@ouellettec](https://casparcgforum.org/u/ouellettec)\
**Post date:** [February 22, 2020, 1:22pm UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/1 "2020-02-22T13:22:58Z")

</div>

### Hello everyone.

I am having trouble with the HTML remote debugging. I setup the config like so

```auto
<html>
        <enable-gpu>false</enable-gpu>
        <remote-debugging-port>8081</remote-debugging-port>
</html>

```

And when loading `http://localhost:8081` I see all the templates as expected but, when selecting a template, no console shows up. There is an error in the console for the page (If I open it manually) that says

```auto
Uncaught TypeError: document.registerElement is not a function
    at Object.UI.registerCustomElement (inspector.js:2978)

```

Any ideas on how to resolve the issue? Thank you in advance!

---

<div class="post-metadata">

**Author:** ![hreinnbeck](https://casparcgforum.org/user_avatar/casparcgforum.org/hreinnbeck/32/154_2.png) [@hreinnbeck](https://casparcgforum.org/u/hreinnbeck)\
**Post date:** [February 22, 2020, 1:30pm UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/2 "2020-02-22T13:30:13Z")

</div>

Not sure about that but I’d recommend:

1. Go to chrome://inspect/#devices
2. Check Discover network targets
3. Click Configure and add 127.0.0.1:8081

In a few seconds you should get the running templates listed on the page.

Then you can use the latest Chrome DevTools instead of the one in Chromium.

Update: document.registerElement was part of web components v0 and deprecated (so it’s used in the old Devtools in Chromium but no longer supported in Chrome). You could use an older version of Chrome if you want but the method above is far superior.

---

<div class="post-metadata">

**Author:** ![ouellettec](https://casparcgforum.org/user_avatar/casparcgforum.org/ouellettec/32/596_2.png) [@ouellettec](https://casparcgforum.org/u/ouellettec)\
**Post date:** [February 22, 2020, 1:37pm UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/3 "2020-02-22T13:37:32Z")

</div>

Works like a charm, thank you!

---

<div class="post-metadata">

**Author:** ![Julusian](https://casparcgforum.org/user_avatar/casparcgforum.org/julusian/32/12_2.png) [@Julusian](https://casparcgforum.org/u/Julusian)\
**Post date:** [February 24, 2020, 10:13am UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/4 "2020-02-24T10:13:52Z")

</div>

Glad you have a solution. What version of casparcg is this with?

---

<div class="post-metadata">

**Author:** ![ouellettec](https://casparcgforum.org/user_avatar/casparcgforum.org/ouellettec/32/596_2.png) [@ouellettec](https://casparcgforum.org/u/ouellettec)\
**Post date:** [February 24, 2020, 10:17am UTC](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/5 "2020-02-24T10:17:43Z")

</div>

I am using 2.2.0 Stable Release. After a few days, I found that this method can be a bit slow but, if you don’t have an older version of chrome to use, it works fine!