title: Link to chrome:// url from a webpage
body: <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>