Bug 1894266 - Add a clear HTTP cache option to about:networking r=necko-reviewers,desktop-theme-reviewers,fluent-reviewers,valentin,jules

Differential Revision: https://phabricator.services.mozilla.com/D210179

toolkit/content/aboutNetworking.html

@@ -85,6 +85,10 @@
       </div>
 
       <div id="http" class="tab active">
+        <button
+          id="clearHTTPCache"
+          data-l10n-id="about-networking-http-clear-cache-button"
+        ></button>
         <table>
           <thead>
             <tr>

toolkit/content/aboutNetworking.js

@@ -271,6 +271,11 @@ function init() {
     }
   });
 
+  let clearHTTPCache = document.getElementById("clearHTTPCache");
+  clearHTTPCache.addEventListener("click", async function () {
+    Services.cache2.clear();
+  });
+
   let dnsLookupButton = document.getElementById("dnsLookupButton");
   dnsLookupButton.addEventListener("click", function () {
     doLookup();

toolkit/locales/en-US/toolkit/about/aboutNetworking.ftl

@@ -4,6 +4,7 @@
 
 about-networking-title = About Networking
 about-networking-http = HTTP
+about-networking-http-clear-cache-button = Clear HTTP Cache
 about-networking-sockets = Sockets
 about-networking-dns = DNS
 about-networking-dns-clear-cache-button = Clear DNS Cache

toolkit/themes/shared/aboutNetworking.css

@@ -22,7 +22,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  margin-bottom: 0.5em;
+  margin-bottom: var(--space-small);
 }
 
 #refreshButton {
@@ -78,3 +78,7 @@ td {
   padding-bottom: 0.25em;
   border-bottom: 1px solid var(--in-content-border-color);
 }
+
+#clearHTTPCache {
+  margin-bottom: var(--space-xlarge);
+}