Link to chrome:// url from a webpage
<p><b>UPDATE</b></p>

<p><code>chrome://about/</code> has direct links to <code>chrome://settings</code> and others, so it can be done. </p>

<p>How can I link/redirect to a <code>chrome://</code> URL in a webpage? For example, <code>chrome://settings</code>. When attempting to click a link to a <code>chrome://</code> URL,</p>

<pre><code>&lt;a href="chrome://settings"&gt;link&lt;/a&gt;
</code></pre>

<p>I get an error in the console:</p>

<pre><code>Not allowed to load local resource: chrome://settings/
</code></pre>

<p>According to this answer, it is possible:</p>

<blockquote>
  <p><a href="https://stackoverflow.com/questions/13125616/link-to-chrome-chrome-extensions-from-extension-options-page">Link to chrome://chrome/extensions from extension options page</a></p>
</blockquote>

<p>I've tried this script:</p>

<pre><code>&lt;a href="#" id="test"&gt;test&lt;/a&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('test').addEventListener('click', function () {
        chrome.tabs.update({
            url: 'chrome://chrome/extensions'
        });
    });
});
&lt;/script&gt;
</code></pre>

<p>And also this one:</p>

<pre><code>&lt;a href="#" onclick="chrome.tabs.create({url:'chrome://settings/clearBrowserData'});"&gt;click me&lt;/a&gt;
</code></pre>

<p>Neither works. In addition to those, I've tried:</p>

<ul>
<li>Linking to it using <code>&lt;a href="chrome://newtab"&gt;</code></li>
<li>Redirect the user using <code>window.location</code>.</li>
</ul>

<p>However, I believe there may be a JavaScript workaround. When the user presses a link, is it possible to change the URL to <code>chrome://settings</code>? The user would have to press <kbd>Enter</kbd> after, but this seems like the best I'd get.</p>