HTML Chrome保存PDF时自定义文件名

在本文中，我们将介绍如何使用HTML和Chrome浏览器来保存PDF文件时自定义文件名的方法。

阅读更多：HTML 教程

了解HTML

HTML（超文本标记语言）是一种用于创建网页和应用程序的标准标记语言。通过使用HTML，我们可以定义网页的结构和内容。在本文中，我们将使用HTML来生成一个包含自定义文件名的PDF文件。

使用Chrome浏览器保存PDF

在Chrome浏览器中，我们可以使用“打印”功能将网页保存为PDF文件。以下是保存PDF文件的步骤：

首先，打开Chrome浏览器并导航至需要保存为PDF的网页。
在浏览器菜单中，选择“文件”>“打印”或使用键盘快捷键Ctrl + P。
确保“目标”设置为“保存为PDF”。
点击“更多设置”以展开更多选项。
在“选项”中，我们可以设置页面的布局、纸张大小等。但是，默认情况下，Chrome会使用网页的原始布局和样式。
在“更多设置”菜单中，找到并启用“保存为PDF时使用自定义文件名”的选项。
点击“保存”按钮，选择保存PDF文件的路径，并输入自定义文件名（包括文件扩展名.pdf）。
最后，点击“保存”按钮，Chrome将以自定义文件名保存网页为PDF文件。

示例

以下是一个使用HTML和JavaScript来生成一个包含自定义文件名的PDF文件的示例：

<!DOCTYPE html>
<html>
<head>
    <title>自定义文件名的PDF示例</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个用于演示如何生成自定义文件名PDF的示例。</p>

    <script>
        function saveAsPDF(filename) {
            // 创建一个隐藏的<iframe>元素
            var iframe = document.createElement('iframe');
            iframe.style.display = 'none';

            // 将网页的内容作为数据URI导出为PDF
            iframe.src = 'data:application/pdf;base64,' + btoa('PDF内容');

            // 设置自定义文件名
            iframe.setAttribute('download', filename);

            // 将<iframe>加入到文档中
            document.body.appendChild(iframe);
        }
    </script>

    <button onclick="saveAsPDF('custom_filename.pdf')">保存为PDF</button>
</body>
</html>