How to fallback gracefully with file:// urls, where XMLHttpRequest is not supported?

[pmorch]

Hi,

I'd like to create an application that also works with static .html pages loaded over file:// urls where I presume htmx doesn't work because XMLHttpRequest doesn't work for file:// urls for security reasons.

Is there a best practice for this? I'm a complete htmx newbie.

I'm thinking something like this:

<div id="htmx-container">
    <a href="full-clicked.html" hx-get="clicked.html" hx-target="#content">
        Show contents
    </a>
    <div id="content">
        original contents to be replaced
    </div>
</div>
<script>
    if (new URL(document.location).protocol == "file:") {
        document.getElementById("htmx-container").setAttribute('hx-disable', "true")
    }
</script>

And then generate both full-clicked.html that replaces the entire page (for the file:// case) and clicked.html for the htmx case statically.

I have two questions:

1. Is something like what I've outlined above reasonable, or is there a better approach?
2. How can I disable htmx on file:// pages? Are there any parts of htmx that work on file:// pages? How do I most elegantly disable the rest? The above hx-disable approach looks like it works...