chromium/ios/testing/data/http_server_files/download_test_page.html

<!DOCTYPE html>
<html>
<body>
    <a download="example.gif" id="data">DataURL</a>
    <a download="example.gif" id="blob">BlobURL</a>
    <a id="pdf" download="test.pdf" href="/single_page_wide.pdf">PDF</a>
    
    <script>
    (async () => {
    const dataURL =
      "data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7";
    const blob = await (await fetch(dataURL)).blob();
    console.log(blob)
    const blobURL = URL.createObjectURL(blob);
    const hrefs = [dataURL, blobURL];

    document.querySelectorAll("a").forEach((a, i) => {
      a.href = hrefs[i];
    });
  })();
</script>
</body>
</html>