要利用浏览器自带的开发者面板提取网页媒体，您需要遵循以下步骤：
1. 打开您的浏览器并访问一个包含媒体内容的网页。
2. 在浏览器的地址栏中输入“chrome://inspect”或“firefox://developer/”以打开开发者工具。
3. 在开发者工具中，点击“Network”（网络）选项卡。
4. 在“Network”选项卡中，找到您想要提取媒体的网页元素。例如，如果您想要提取图片，您可以点击“Images”标签。
5. 在“Images”标签下，您将看到该网页上的所有图像资源。点击您想要提取的图像资源，然后点击“Copy Image Data”（复制图像数据）按钮。这将将图像数据复制到剪贴板中。
6. 返回您的网页编辑器（如HTML、CSS或JavaScript），粘贴复制的图像数据。现在，您应该能够在您的代码中引用该图像了。