diff --git a/web-bundle/resources/generate-test-wbns.sh b/web-bundle/resources/generate-test-wbns.sh
index 86413179cf9cacf..6c9a75f9c366545 100755
--- a/web-bundle/resources/generate-test-wbns.sh
+++ b/web-bundle/resources/generate-test-wbns.sh
@@ -158,3 +158,8 @@ gen-bundle \
   -version b2 \
   -har cross-origin-no-cors.har \
   -o wbn/no-cors/cross-origin-b2.wbn
+
+gen-bundle \
+  -version b2 \
+  -har uuid-in-package.har \
+  -o wbn/uuid-in-package.wbn
diff --git a/web-bundle/resources/uuid-in-package.har b/web-bundle/resources/uuid-in-package.har
new file mode 100644
index 000000000000000..8dedc951d53e09f
--- /dev/null
+++ b/web-bundle/resources/uuid-in-package.har
@@ -0,0 +1,44 @@
+{
+  "log": {
+    "entries": [
+      {
+        "request": {
+          "method": "GET",
+          "url": "uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720",
+          "headers": []
+        },
+        "response": {
+          "status": 200,
+          "headers": [
+            {
+              "name": "Content-type",
+              "value": "application/javascript"
+            }
+          ],
+          "content": {
+            "text": "window.report_result('OK');"
+          }
+        }
+      },
+      {
+        "request": {
+          "method": "GET",
+          "url": "uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae",
+          "headers": []
+        },
+        "response": {
+          "status": 200,
+          "headers": [
+            {
+              "name": "Content-type",
+              "value": "text/html"
+            }
+          ],
+          "content": {
+            "text": "<script>\nwindow.addEventListener('message', (e) =>{e.source.postMessage(eval(e.data), e.origin);});\n</script>"
+          }
+        }
+      }
+    ]
+  }
+}
diff --git a/web-bundle/resources/wbn/uuid-in-package.wbn b/web-bundle/resources/wbn/uuid-in-package.wbn
new file mode 100644
index 000000000000000..d4d100d121a111e
Binary files /dev/null and b/web-bundle/resources/wbn/uuid-in-package.wbn differ
diff --git a/web-bundle/subresource-loading/link-csp-allowed.https.tentative.html b/web-bundle/subresource-loading/link-csp-allowed.https.tentative.html
index 1e2daa404fb3341..d0034b22eefb197 100644
--- a/web-bundle/subresource-loading/link-csp-allowed.https.tentative.html
+++ b/web-bundle/subresource-loading/link-csp-allowed.https.tentative.html
@@ -9,13 +9,15 @@
   content="
     script-src
       https://web-platform.test:8444/web-bundle/resources/wbn/urn-uuid.wbn
+      https://web-platform.test:8444/web-bundle/resources/wbn/uuid-in-package.wbn
       https://web-platform.test:8444/resources/testharness.js
       https://web-platform.test:8444/resources/testharnessreport.js
       'unsafe-inline';
     img-src
       https://web-platform.test:8444/web-bundle/resources/wbn/pass.png;
     frame-src
-      https://web-platform.test:8444/web-bundle/resources/wbn/urn-uuid.wbn"
+      https://web-platform.test:8444/web-bundle/resources/wbn/urn-uuid.wbn
+      https://web-platform.test:8444/web-bundle/resources/wbn/uuid-in-package.wbn"
 >
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
@@ -25,6 +27,9 @@
 <link rel="webbundle" href="../resources/wbn/urn-uuid.wbn"
       resources="urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720
                  urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae" />
+<link rel="webbundle" href="../resources/wbn/uuid-in-package.wbn"
+      resources="uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720
+                 uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae" />
 <script>
   promise_test(() => {
     return new Promise((resolve, reject) => {
@@ -49,6 +54,18 @@
   }, 'URL matching of script-src CSP should be done based on the bundle URL ' +
      'when the subresource URL is urn:uuid URL.');
 
+  promise_test(async () => {
+    const result = await new Promise((resolve) => {
+      // This function will be called from the script.
+      window.report_result = resolve;
+      const script = document.createElement('script');
+      script.src = 'uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720';
+      document.body.appendChild(script);
+    });
+    assert_equals(result, 'OK');
+  }, 'URL matching of script-src CSP should be done based on the bundle URL ' +
+     'when the subresource URL is uuid-in-package: URL.');
+
   promise_test(async () => {
     const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
     const iframe = document.createElement('iframe');
@@ -64,6 +81,21 @@
   }, 'URL matching of frame-src CSP should be done based on the bundle URL ' +
      'when the frame URL is urn:uuid URL.');
 
+  promise_test(async () => {
+    const frame_url = 'uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae';
+    const iframe = document.createElement('iframe');
+    iframe.src = frame_url;
+    const load_promise = new Promise((resolve) => {
+      iframe.addEventListener('load', resolve);
+    });
+    document.body.appendChild(iframe);
+    await load_promise;
+    assert_equals(
+        await evalInIframe(iframe, 'location.href'),
+        frame_url);
+  }, 'URL matching of frame-src CSP should be done based on the bundle URL ' +
+     'when the frame URL is uuid-in-package: URL.');
+
   async function evalInIframe(iframe, code) {
     const message_promise = new Promise((resolve) => {
         window.addEventListener(
diff --git a/web-bundle/subresource-loading/link-csp-blocked.https.tentative.html b/web-bundle/subresource-loading/link-csp-blocked.https.tentative.html
index 319ae65c96776d6..37cc4ea30e8c18f 100644
--- a/web-bundle/subresource-loading/link-csp-blocked.https.tentative.html
+++ b/web-bundle/subresource-loading/link-csp-blocked.https.tentative.html
@@ -27,8 +27,12 @@
 <link rel="webbundle" href="../resources/wbn/urn-uuid.wbn"
       resources="urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720
                  urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae" />
+<link rel="webbundle" href="../resources/wbn/uuid-in-package.wbn"
+      resources="uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720
+                 uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae" />
 <script>
-  const bundle_url = 'https://web-platform.test:8444/web-bundle/resources/wbn/urn-uuid.wbn';
+  const urn_bundle_url = 'https://web-platform.test:8444/web-bundle/resources/wbn/urn-uuid.wbn';
+  const uuid_bundle_url = 'https://web-platform.test:8444/web-bundle/resources/wbn/uuid-in-package.wbn';
 
   function expect_violation() {
     return new Promise(resolve => {
@@ -51,10 +55,10 @@
   }
 
   function sortReportsByEffectiveDirective(reports) {
-    reports.sort(function(report1, report2) {
-      return report1.body.effectiveDirective.localeCompare(
-          report2.body.effectiveDirective);
-    });
+    reports.sort((report1, report2) =>
+      report1.body.effectiveDirective.localeCompare(report2.body.effectiveDirective)
+          || report1.body.blockedURL.localeCompare(report2.body.blockedURL)
+    );
   }
 
   promise_test(async () => {
@@ -71,47 +75,60 @@
   }, 'URL matching of CSP should be done based on the subresource URL, ' +
      'not on the bundle URL, when the subresource URL is HTTPS URL.');
 
-  promise_test(async () => {
-    const urn_uuid = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';
-    const p = expect_violation();
-    const script = document.createElement('script');
-    script.src = urn_uuid;
-    document.body.appendChild(script);
-    const e = await p;
-    // Currently Chromium is reporting the bundle URL.
-    // TODO(crbug.com/1208659): Consider deeper integration with CSP for
-    // providing the both URLs.
-    assert_equals(e.blockedURI, bundle_url);
-    assert_equals(e.violatedDirective, 'script-src-elem');
-  }, 'URL matching of script-src CSP should be done based on the bundle URL ' +
-     'when the subresource URL is urn:uuid URL.');
+  const testCases = [
+    {
+      prefix: 'urn:uuid:',
+      bundle_url: urn_bundle_url
+    },
+    {
+      prefix: 'uuid-in-package:',
+      bundle_url: uuid_bundle_url
+    }
+  ];
+  for (const params of testCases) {
 
-  promise_test(async () => {
-    const urn_uuid = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
-    const p = expect_violation();
-    const iframe = document.createElement('iframe');
-    iframe.src = urn_uuid;
-    const load_promise = new Promise(resolve => {
-      iframe.addEventListener('load', resolve);
-    });
-    document.body.appendChild(iframe);
-    const e = await p;
-    // Currently Chromium is reporting the bundle URL.
-    // TODO(crbug.com/1208659): Consider deeper integration with CSP for
-    // providing the both URLs.
-    assert_equals(e.blockedURI, bundle_url);
-    assert_equals(e.violatedDirective, 'frame-src');
+    promise_test(async () => {
+      const urn_uuid = params.prefix + '020111b3-437a-4c5c-ae07-adb6bbffb720';
+      const p = expect_violation();
+      const script = document.createElement('script');
+      script.src = urn_uuid;
+      document.body.appendChild(script);
+      const e = await p;
+      // Currently Chromium is reporting the bundle URL.
+      // TODO(crbug.com/1208659): Consider deeper integration with CSP for
+      // providing the both URLs.
+      assert_equals(e.blockedURI, params.bundle_url);
+      assert_equals(e.violatedDirective, 'script-src-elem');
+    }, 'URL matching of script-src CSP should be done based on the bundle URL ' +
+       `when the subresource URL is ${params.prefix} URL.`);
 
-    // Make sure that the blocked iframe load is finished.
-    await load_promise;
+    promise_test(async () => {
+      const urn_uuid = params.prefix + '429fcc4e-0696-4bad-b099-ee9175f023ae';
+      const p = expect_violation();
+      const iframe = document.createElement('iframe');
+      iframe.src = urn_uuid;
+      const load_promise = new Promise(resolve => {
+        iframe.addEventListener('load', resolve);
+      });
+      document.body.appendChild(iframe);
+      const e = await p;
+      // Currently Chromium is reporting the bundle URL.
+      // TODO(crbug.com/1208659): Consider deeper integration with CSP for
+      // providing the both URLs.
+      assert_equals(e.blockedURI, params.bundle_url);
+      assert_equals(e.violatedDirective, 'frame-src');
 
-    // The blocked iframe is cross-origin. So accessing
-    // iframe.contentWindow.location should throw a SecurityError.
-    assert_throws_dom(
-      "SecurityError",
-      () => { iframe.contentWindow.location.href; });
-  }, 'URL matching of frame-src CSP should be done based on the bundle URL ' +
-     'when the frame URL is urn:uuid URL.');
+      // Make sure that the blocked iframe load is finished.
+      await load_promise;
+
+      // The blocked iframe is cross-origin. So accessing
+      // iframe.contentWindow.location should throw a SecurityError.
+      assert_throws_dom(
+        "SecurityError",
+        () => { iframe.contentWindow.location.href; });
+    }, 'URL matching of frame-src CSP should be done based on the bundle URL ' +
+       `when the frame URL is ${params.prefix} URL.`);
+  }
 
   promise_test(async () => {
     const retrieve_report_url =
@@ -120,18 +137,22 @@
     const reports = await (await fetch(retrieve_report_url)).json();
     sortReportsByEffectiveDirective(reports);
 
-    assert_equals(reports.length, 3, "Report count.");
+    assert_equals(reports.length, 5, "Report count.");
 
-    assert_equals(reports[0].body.blockedURL, bundle_url);
+    assert_equals(reports[0].body.blockedURL, urn_bundle_url);
     assert_equals(reports[0].body.effectiveDirective, 'frame-src');
+    assert_equals(reports[1].body.blockedURL, uuid_bundle_url);
+    assert_equals(reports[1].body.effectiveDirective, 'frame-src');
 
     assert_equals(
-      reports[1].body.blockedURL,
+      reports[2].body.blockedURL,
       'https://web-platform.test:8444/web-bundle/resources/wbn/fail.png');
-    assert_equals(reports[1].body.effectiveDirective, 'img-src',);
+    assert_equals(reports[2].body.effectiveDirective, 'img-src',);
 
-    assert_equals(reports[2].body.blockedURL, bundle_url);
-    assert_equals(reports[2].body.effectiveDirective, 'script-src-elem');
+    assert_equals(reports[3].body.blockedURL, urn_bundle_url);
+    assert_equals(reports[3].body.effectiveDirective, 'script-src-elem');
+    assert_equals(reports[4].body.blockedURL, uuid_bundle_url);
+    assert_equals(reports[4].body.effectiveDirective, 'script-src-elem');
   }, 'Check the CSP violation reports.');
 </script>
 </body>
diff --git a/web-bundle/subresource-loading/resources/subframe-from-web-bundle-test.js b/web-bundle/subresource-loading/resources/subframe-from-web-bundle-test.js
index 86de84174c777dc..86987e7dfbe42e7 100644
--- a/web-bundle/subresource-loading/resources/subframe-from-web-bundle-test.js
+++ b/web-bundle/subresource-loading/resources/subframe-from-web-bundle-test.js
@@ -1,20 +1,32 @@
-const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
-
 promise_test(async (t) => {
-    const iframe = await createWebBundleElementAndIframe(t);
-    // The urn:uuid URL iframe is cross-origin. So accessing
-    // iframe.contentWindow.location should throws a SecurityError.
+    const bundle_url = '../resources/wbn/urn-uuid.wbn';
+    const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
+    const iframe = await createWebBundleElementAndIframe(t, bundle_url, frame_url);
+    // The iframe is cross-origin. So accessing iframe.contentWindow.location
+    // should throw a SecurityError.
     assert_throws_dom(
       "SecurityError",
       () => { iframe.contentWindow.location.href; });
   }, 'The urn:uuid URL iframe must be cross-origin.');
 
-urn_uuid_iframe_test(
+promise_test(async (t) => {
+    const bundle_url = '../resources/wbn/uuid-in-package.wbn';
+    const frame_url = 'uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae';
+    const iframe = await createWebBundleElementAndIframe(t, bundle_url, frame_url);
+    // The iframe is cross-origin. So accessing iframe.contentWindow.location
+    // should throw a SecurityError.
+    assert_throws_dom(
+      "SecurityError",
+      () => { iframe.contentWindow.location.href; });
+  }, 'The uuid-in-package: URL iframe must be cross-origin.');
+
+uuid_iframe_test(
   'location.href',
-  frame_url,
-  'location.href in urn uuid iframe.');
+  ['urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae',
+   'uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae'],
+  'location.href in opaque-origin iframe.');
 
-urn_uuid_iframe_test(
+uuid_iframe_test(
   '(' + (() => {
     try {
       let result = window.localStorage;
@@ -26,7 +38,7 @@ urn_uuid_iframe_test(
   'SecurityError',
   'Accesing window.localStorage should throw a SecurityError.');
 
-urn_uuid_iframe_test(
+uuid_iframe_test(
   '(' + (() => {
     try {
       let result = window.sessionStorage;
@@ -38,7 +50,7 @@ urn_uuid_iframe_test(
   'SecurityError',
   'Accesing window.sessionStorage should throw a SecurityError.');
 
-urn_uuid_iframe_test(
+uuid_iframe_test(
   '(' + (() => {
     try {
       let result = document.cookie;
@@ -50,7 +62,7 @@ urn_uuid_iframe_test(
   'SecurityError',
   'Accesing document.cookie should throw a SecurityError.');
 
-urn_uuid_iframe_test(
+uuid_iframe_test(
   '(' + (() => {
     try {
       let request = window.indexedDB.open("db");
@@ -62,22 +74,32 @@ urn_uuid_iframe_test(
   'SecurityError',
   'Opening an indexedDB should throw a SecurityError.');
 
-urn_uuid_iframe_test(
+uuid_iframe_test(
   'window.caches === undefined',
   true,
   'window.caches should be undefined.');
 
-function urn_uuid_iframe_test(code, expected, name) {
+function uuid_iframe_test(code, expected, name) {
+  if (!Array.isArray(expected)) {
+    expected = [expected, expected];
+  }
+  promise_test(async (t) => {
+    const bundle_url = '../resources/wbn/urn-uuid.wbn';
+    const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
+    const iframe = await createWebBundleElementAndIframe(t, bundle_url, frame_url);
+    assert_equals(await evalInIframe(iframe, code), expected[0]);
+  }, name + '(urn:uuid)');
+
   promise_test(async (t) => {
-    const iframe = await createWebBundleElementAndIframe(t);
-    assert_equals(await evalInIframe(iframe, code), expected);
-  }, name);
+    const bundle_url = '../resources/wbn/uuid-in-package.wbn';
+    const frame_url = 'uuid-in-package:429fcc4e-0696-4bad-b099-ee9175f023ae';
+    const iframe = await createWebBundleElementAndIframe(t, bundle_url, frame_url);
+    assert_equals(await evalInIframe(iframe, code), expected[1]);
+  }, name + 'uuid-in-package');
 }
 
-async function createWebBundleElementAndIframe(t) {
-  const element = createWebBundleElement(
-      '../resources/wbn/urn-uuid.wbn',
-      [frame_url]);
+async function createWebBundleElementAndIframe(t, bundle_url, frame_url) {
+  const element = createWebBundleElement(bundle_url, [frame_url]);
   document.body.appendChild(element);
   const iframe = document.createElement('iframe');
   t.add_cleanup(() => {
diff --git a/web-bundle/subresource-loading/resources/subresource-load-test.sub.js b/web-bundle/subresource-loading/resources/subresource-load-test.sub.js
index b6a66866ea6a553..bd20b13abaaa8e0 100644
--- a/web-bundle/subresource-loading/resources/subresource-load-test.sub.js
+++ b/web-bundle/subresource-loading/resources/subresource-load-test.sub.js
@@ -266,6 +266,28 @@ promise_test(async () => {
   document.body.removeChild(element);
 }, 'Subresource loading with urn:uuid: URL of a \'b2\' bundle with scopes attribute');
 
+promise_test(async () => {
+  const url = 'uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720';
+  const element = createWebBundleElement(
+      '../resources/wbn/uuid-in-package.wbn',
+      [url]);
+  document.body.appendChild(element);
+  assert_equals(await loadScriptAndWaitReport(url), 'OK');
+  document.body.removeChild(element);
+}, 'Subresource loading with uuid-in-package: URL with resources attribute');
+
+promise_test(async () => {
+  const url = 'uuid-in-package:020111b3-437a-4c5c-ae07-adb6bbffb720';
+  const element = createWebBundleElement(
+      '../resources/wbn/uuid-in-package.wbn',
+      [],
+      {scopes: ['uuid-in-package:']});
+  document.body.appendChild(element);
+  assert_equals(await loadScriptAndWaitReport(url), 'OK');
+  document.body.removeChild(element);
+}, 'Subresource loading with uuid-in-package: URL with scopes attribute');
+
+
 promise_test(async () => {
   const wbn_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/subresource.wbn?test-resources-update';
   const resource_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/submodule.js';
@@ -287,4 +309,4 @@ async function loadScriptAndWaitReport(script_url) {
   script.src = script_url;
   document.body.appendChild(script);
   return result_promise;
-}
\ No newline at end of file
+}