How to avoid reconnecting an already paired device via WebBluetooth on every page reload.

You are reading a single comment by @Robin and its replies. Click here to read the full conversation.

•

Robin

Thr 2021.04.29

'While developing, my website will reload upon code changes'
'Is there a solution that avoids "re-pairing" my Puck.js on every page load'

Although I haven't tried this, what about using the Html < iframe >element?
Embed the page that will reload as the iFrame itself, retaining the PuckJs code called from the outer container. In that way, when the inner iframe page is reloaded, the outer calling page doesn't perform the Puck re-initialization.

https://www.w3schools.com/tags/tag_iframe.asp

passing data back-n-forth

https://stackoverflow.com/questions/6271313/pass-a-javascript-variable-from-an-iframe-to-the-parent-frame

or possibly using the onload() event, set a variable within the page Global scope that bypasses the Html section that loads the PuckJs code.

https://www.w3schools.com/jsref/event_onload.asp
https://stackoverflow.com/questions/588040/window-onload-vs-document-onload
https://www.plus2net.com/javascript_tutorial/window-onload.php
https://www.codegrepper.com/code-examples/javascript/windows+onload+javascript+w3schools

•

user128009 in reply to @Robin

Using an iframe could work for dev page reload, I think it may be possible to even achieve reconnect across a tab/window reload (getDevices() will return an already paired device), but I will keep this workaround in mind, thanks!

About

Avatar for Robin @Robin started