【HTML】HTML浏览器打印自定义页眉页脚

最新推荐文章于 2024-06-10 16:43:59 发布
最新推荐文章于 2024-06-10 16:43:59 发布
阅读量1w 收藏 6
点赞数 2
分类专栏： 语言-HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlu5201314/article/details/95107473
版权

1、IE(Internet Explorer)浏览（V）

注册表位置

计算机\HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\PageSetup

代码

说明

示例

&w

标题

 

&u

URL

 

&p

页码

 

&P

总页数

 

&d

短格式的日期

2019/7/8

&D

长格式的日期

2019年7月8日

&t

时间

02:16:09

&T

采用24小时制的时间

14:16:09

&b

左中右分隔符:

左&b右

左&b中&b右

 

第 &p 页/共 &P 页

总页数的第 # 页

 

 

 

 

 

2、MicrosoftEdge

注册表位置

计算机\HKEY_CURRENT_USER\Software\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\PageSetup

 

注：默认PageSetup没有任何参数，配置请参考IE浏览器配置，配置都为字符串值

 

代码

说明

示例

&w

标题

 

&u

URL

 

&p

页码

 

&P

总页数

 

&d

短格式的日期

2019/7/8

&D

长格式的日期

2019年7月8日

&t

时间

02:16:09

&T

采用24小时制的时间

14:16:09

&b

左中右分隔符:

左&b右

左&b中&b右

 

第 &p 页/共 &P 页

总页数的第 # 页

 

 

 

 

 

3、谷歌浏览器

打印设置配置位置

C:\[用户]\[当前账号]\AppData\Local\TSBrowser\User Data\Default\Preferences
"printing":{"print_preview_sticky_settings":{"appState":"{\"version\":2,\"recentDestinations\":[{\"id\":\"Foxit Reader PDF Printer\",\"origin\":\"local\",\"account\":\"\",\"capabilities\":{\"printer\":{\"color\":{\"option\":[{\"is_default\":true,\"type\":\"STANDARD_COLOR\",\"vendor_id\":\"2\"},{\"type\":\"STANDARD_MONOCHROME\",\"vendor_id\":\"1\"}]},\"dpi\":{\"option\":[{\"horizontal_dpi\":72,\"vertical_dpi\":72},{\"horizontal_dpi\":96,\"vertical_dpi\":96},{\"horizontal_dpi\":144,\"vertical_dpi\":144},{\"horizontal_dpi\":200,\"vertical_dpi\":200},{\"horizontal_dpi\":300,\"vertical_dpi\":300},{\"horizontal_dpi\":600,\"is_default\":true,\"vertical_dpi\":600},{\"horizontal_dpi\":1200,\"vertical_dpi\":1200},{\"horizontal_dpi\":2400,\"vertical_dpi\":2400}]},\"media_size\":{\"option\":[{\"custom_display_name\":\"信纸\",\"height_microns\":279400,\"name\":\"NA_LETTER\",\"vendor_id\":\"1\",\"width_microns\":215900},{\"custom_display_name\":\"Tabloid\",\"height_microns\":431800,\"name\":\"NA_LEDGER\",\"vendor_id\":\"3\",\"width_microns\":279400},{\"custom_display_name\":\"法律专用纸\",\"height_microns\":355600,\"name\":\"NA_LEGAL\",\"vendor_id\":\"5\",\"width_microns\":215900},{\"custom_display_name\":\"Statement\",\"height_microns\":215900,\"name\":\"NA_INVOICE\",\"vendor_id\":\"6\",\"width_microns\":139700},{\"custom_display_name\":\"Executive\",\"height_microns\":266700,\"name\":\"NA_EXECUTIVE\",\"vendor_id\":\"7\",\"width_microns\":184100},{\"custom_display_name\":\"A3\",\"height_microns\":420000,\"name\":\"ISO_A3\",\"vendor_id\":\"8\",\"width_microns\":297000},{\"custom_display_name\":\"A4\",\"height_microns\":297000,\"is_default\":true,\"name\":\"ISO_A4\",\"vendor_id\":\"9\",\"width_microns\":210000},{\"custom_display_name\":\"A5\",\"height_microns\":210000,\"name\":\"ISO_A5\",\"vendor_id\":\"11\",\"width_microns\":148000},{\"custom_display_name\":\"B4 (JIS)\",\"height_microns\":364000,\"name\":\"JIS_B4\",\"vendor_id\":\"12\",\"width_microns\":257000},{\"custom_display_name\":\"B5 (JIS)\",\"height_microns\":257000,\"name\":\"JIS_B5\",\"vendor_id\":\"13\",\"width_microns\":182000},{\"custom_display_name\":\"Folio\",\"height_microns\":330200,\"name\":\"JIS_EXEC\",\"vendor_id\":\"14\",\"width_microns\":215900},{\"custom_display_name\":\"Quarto\",\"height_microns\":275000,\"name\":\"NA_QUARTO\",\"vendor_id\":\"15\",\"width_microns\":215000},{\"custom_display_name\":\"10x14\",\"height_microns\":355600,\"name\":\"NA_10X14\",\"vendor_id\":\"16\",\"width_microns\":254000},{\"custom_display_name\":\"信封 #9\",\"height_microns\":225400,\"name\":\"NA_NUMBER_9\",\"vendor_id\":\"19\",\"width_microns\":98400},{\"custom_display_name\":\"信封 #10\",\"height_microns\":241300,\"name\":\"NA_NUMBER_10\",\"vendor_id\":\"20\",\"width_microns\":104700},{\"custom_display_name\":\"信封 #11\",\"height_microns\":263500,\"name\":\"NA_NUMBER_11\",\"vendor_id\":\"21\",\"width_microns\":114300},{\"custom_display_name\":\"信封 #12\",\"height_microns\":279400,\"name\":\"NA_NUMBER_12\",\"vendor_id\":\"22\",\"width_microns\":120600},{\"custom_display_name\":\"信封 #14\",\"height_microns\":292100,\"name\":\"NA_NUMBER_14\",\"vendor_id\":\"23\",\"width_microns\":127000},{\"custom_display_name\":\"C size sheet\",\"height_microns\":558800,\"name\":\"NA_C\",\"vendor_id\":\"24\",\"width_microns\":431800},{\"custom_display_name\":\"D size sheet\",\"height_microns\":863600,\"name\":\"NA_D\",\"vendor_id\":\"25\",\"width_microns\":558800},{\"custom_display_name\":\"E size sheet\",\"height_microns\":1117600,\"name\":\"NA_E\",\"vendor_id\":\"26\",\"width_microns\":863600},{\"custom_display_name\":\"信封 DL\",\"height_microns\":220000,\"name\":\"ISO_DL\",\"vendor_id\":\"27\",\"width_microns\":110000},{\"custom_display_name\":\"信封 C5\",\"height_microns\":229000,\"name\":\"ISO_C5\",\"vendor_id\":\"28\",\"width_microns\":162000},{\"custom_display_name\":\"信封 C3\",\"height_microns\":458000,\"name\":\"ISO_C3\",\"vendor_id\":\"29\",\"width_microns\":324000},{\"custom_display_name\":\"信封 C4\",\"height_microns\":324000,\"name\":\"ISO_C4\",\"vendor_id\":\"30\",\"width_microns\":229000},{\"custom_display_name\":\"信封 C6\",\"height_microns\":162000,\"name\":\"ISO_C6\",\"vendor_id\":\"31\",\"width_microns\":114000},{\"custom_display_name\":\"信封 C65\",\"height_microns\":229000,\"name\":\"OM_POSTFIX\",\"vendor_id\":\"32\",\"width_microns\":114000},{\"custom_display_name\":\"信封 B4\",\"height_microns\":353000,\"name\":\"ISO_B4\",\"vendor_id\":\"33\",\"width_microns\":250000},{\"custom_display_name\":\"信封 B5\",\"height_microns\":250000,\"name\":\"ISO_B5\",\"vendor_id\":\"34\",\"width_microns\":176000},{\"custom_display_name\":\"信封 B6\",\"height_microns\":176000,\"name\":\"ISO_B6\",\"vendor_id\":\"35\",\"width_microns\":125000},{\"custom_display_name\":\"信封\",\"height_microns\":230000,\"name\":\"OM_ITALIAN\",\"vendor_id\":\"36\",\"width_microns\":110000},{\"custom_display_name\":\"信封 Monarch\",\"height_microns\":190500,\"name\":\"NA_MONARCH\",\"vendor_id\":\"37\",\"width_microns\":98400},{\"custom_display_name\":\"6 3/4 信封\",\"height_microns\":165100,\"name\":\"NA_PERSONAL\",\"vendor_id\":\"38\",\"width_microns\":92000},{\"custom_display_name\":\"美国标准 Fanfold\",\"height_microns\":377800,\"name\":\"NA_FANFOLD_US\",\"vendor_id\":\"39\",\"width_microns\":279400},{\"custom_display_name\":\"德国标准 Fanfold\",\"height_microns\":304800,\"name\":\"NA_FANFOLD_EUR\",\"vendor_id\":\"40\",\"width_microns\":215900},{\"custom_display_name\":\"日式明信片\",\"height_microns\":148000,\"name\":\"JPN_HAGAKI\",\"vendor_id\":\"43\",\"width_microns\":100000},{\"custom_display_name\":\"9x11\",\"height_microns\":279400,\"name\":\"NA_9X11\",\"vendor_id\":\"44\",\"width_microns\":228600},{\"custom_display_name\":\"10x11\",\"height_microns\":279400,\"name\":\"NA_10X11\",\"vendor_id\":\"45\",\"width_microns\":254000},{\"custom_display_name\":\"15x11\",\"height_microns\":381000,\"name\":\"NA_11X15\",\"vendor_id\":\"46\",\"width_microns\":279400},{\"custom_display_name\":\"信封邀请函\",\"height_microns\":220000,\"name\":\"OM_INVITE\",\"vendor_id\":\"47\",\"width_microns\":220000},{\"custom_display_name\":\"特大信纸\",\"height_microns\":304800,\"name\":\"NA_LETTER_EXTRA\",\"vendor_id\":\"50\",\"width_microns\":241300},{\"custom_display_name\":\"特大法律专用纸\",\"height_microns\":381000,\"name\":\"NA_LEGAL_EXTRA\",\"vendor_id\":\"51\",\"width_microns\":241300},{\"custom_display_name\":\"Tabloid 特大\",\"height_microns\":457200,\"name\":\"NA_ARCH_B\",\"vendor_id\":\"52\",\"width_microns\":304800},{\"custom_display_name\":\"A4 特大\",\"height_microns\":322300,\"name\":\"ISO_A4_EXTRA\",\"vendor_id\":\"53\",\"width_microns\":235400},{\"custom_display_name\":\"Super A\",\"height_microns\":356000,\"name\":\"NA_SUPER_A\",\"vendor_id\":\"57\",\"width_microns\":227000},{\"custom_display_name\":\"Super B\",\"height_microns\":487000,\"name\":\"NA_B_PLUS\",\"vendor_id\":\"58\",\"width_microns\":305000},{\"custom_display_name\":\"信纸加大\",\"height_microns\":322300,\"name\":\"NA_LETTER_PLUS\",\"vendor_id\":\"59\",\"width_microns\":215900},{\"custom_display_name\":\"A4 加大\",\"height_microns\":330000,\"name\":\"OM_FOLIO\",\"vendor_id\":\"60\",\"width_microns\":210000},{\"custom_display_name\":\"A3 特大\",\"height_microns\":445000,\"name\":\"ISO_A3_EXTRA\",\"vendor_id\":\"63\",\"width_microns\":322000},{\"custom_display_name\":\"A5 特大\",\"height_microns\":235000,\"name\":\"ISO_A5_EXTRA\",\"vendor_id\":\"64\",\"width_microns\":174000},{\"custom_display_name\":\"B5 (ISO) 特大\",\"height_microns\":276000,\"name\":\"ISO_B5_EXTRA\",\"vendor_id\":\"65\",\"width_microns\":201000},{\"custom_display_name\":\"A2\",\"height_microns\":594000,\"name\":\"ISO_A2\",\"vendor_id\":\"66\",\"width_microns\":420000},{\"custom_display_name\":\"日式往返明信片\",\"height_microns\":200000,\"name\":\"JPN_OUFUKU\",\"vendor_id\":\"69\",\"width_microns\":148000},{\"custom_display_name\":\"A6\",\"height_microns\":148000,\"name\":\"ISO_A6\",\"vendor_id\":\"70\",\"width_microns\":105000},{\"custom_display_name\":\"日式信封 Kaku #2\",\"height_microns\":332000,\"name\":\"JPN_KAKU2\",\"vendor_id\":\"71\",\"width_microns\":240000},{\"custom_display_name\":\"日式信封 Kaku #3\",\"height_microns\":277000,\"vendor_id\":\"72\",\"width_microns\":216000},{\"custom_display_name\":\"日式信封 Chou #3\",\"height_microns\":235000,\"name\":\"JPN_CHOU3\",\"vendor_id\":\"73\",\"width_microns\":120000},{\"custom_display_name\":\"日式信封 Chou #4\",\"height_microns\":205000,\"name\":\"JPN_CHOU4\",\"vendor_id\":\"74\",\"width_microns\":90000},{\"custom_display_name\":\"B6 (JIS)\",\"height_microns\":182000,\"name\":\"JIS_B6\",\"vendor_id\":\"88\",\"width_microns\":128000},{\"custom_display_name\":\"12x11\",\"height_microns\":304900,\"name\":\"NA_11X12\",\"vendor_id\":\"90\",\"width_microns\":279500},{\"custom_display_name\":\"日式信封 You #4\",\"height_microns\":235000,\"name\":\"JPN_YOU4\",\"vendor_id\":\"91\",\"width_microns\":105000},{\"custom_display_name\":\"PRC 16K\",\"height_microns\":260000,\"vendor_id\":\"93\",\"width_microns\":188000},{\"custom_display_name\":\"PRC 32K\",\"height_microns\":184000,\"vendor_id\":\"94\",\"width_microns\":130000},{\"custom_display_name\":\"PRC 32K(Big)\",\"height_microns\":203000,\"vendor_id\":\"95\",\"width_microns\":140000},{\"custom_display_name\":\"PRC 信封 #1\",\"height_microns\":165000,\"name\":\"PRC_1\",\"vendor_id\":\"96\",\"width_microns\":102000},{\"custom_display_name\":\"PRC 信封 #2\",\"height_microns\":176000,\"name\":\"PRC_2\",\"vendor_id\":\"97\",\"width_microns\":102000},{\"custom_display_name\":\"PRC 信封 #4\",\"height_microns\":208000,\"name\":\"PRC_4\",\"vendor_id\":\"99\",\"width_microns\":110000},{\"custom_display_name\":\"PRC 信封 #6\",\"height_microns\":230000,\"name\":\"PRC_6\",\"vendor_id\":\"101\",\"width_microns\":120000},{\"custom_display_name\":\"PRC 信封 #7\",\"height_microns\":230000,\"name\":\"PRC_7\",\"vendor_id\":\"102\",\"width_microns\":160000},{\"custom_display_name\":\"PRC 信封 #8\",\"height_microns\":309000,\"name\":\"PRC_8\",\"vendor_id\":\"103\",\"width_microns\":120000},{\"height_microns\":1000,\"vendor_id\":\"256\",\"width_microns\":1000}]},\"page_orientation\":{\"option\":[{\"is_default\":true,\"type\":\"PORTRAIT\"},{\"type\":\"LANDSCAPE\"},{\"type\":\"AUTO\"}]},\"supported_content_type\":[{\"content_type\":\"application/pdf\"}]},\"version\":\"1.0\"},\"displayName\":\"Foxit Reader PDF Printer\",\"extensionId\":\"\",\"extensionName\":\"\"}],\"dpi\":{\"horizontal_dpi\":600,\"is_default\":true,\"vertical_dpi\":600},\"mediaSize\":{\"custom_display_name\":\"A4\",\"height_microns\":297000,\"is_default\":true,\"name\":\"ISO_A4\",\"vendor_id\":\"9\",\"width_microns\":210000},\"isHeaderFooterEnabled\":true,\"footerContent\":\"footer\"}"}}

不支持自定义，文件格式为json。

解决方案

屏蔽打印页眉页脚，自定义页眉页脚

屏蔽方式

  1. 通过设置边距来屏蔽。
  2. 选择是否打印页眉页脚来屏蔽

例如

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8">
    <title>Custom Define Header Footer</title>
    <style>
        /*Hidden header footer When Show*/
        .header{
            visibility: hidden;
        }
        .footer{
            visibility: hidden;
        }

        /*Hidden Margin*/
        @page {
            size: auto;
            margin: 0cm;
        }
        
        /*Show header footer When Print*/
        @media print {
            BODY {font-size: 9pt;}
            #topRight:after {content:counter(Pages) ;}
            #topCenter:after {content:string(DOCTYPE) ;}
            .header{visibility:visible;}
            .footer{visibility:visible;}
            .noprint{visibility:hidden;}
        }
    </style>
</head>
<body>
    <TABLE border="0" style="font-size:9pt;" width="300px" align="center">
        <THEAD style="display:table-header-group;font-weight:bold">
            <span id="topLeft" class="header" style="display:inline-block;width:33.33%;font-weight:bold;text-align:left;">2019-07-08</span>
            <span id="topCenter" class="header" style="display:inline-block;width:33.33%;font-weight:bold;text-align:center;">Custom Define Header Footer</span>
            <span id="topRight" class="header" style="display:inline-block;width:33.33%;font-weight:bold;text-align:right;"></span>
            <TR>
                <TD colspan="1" align="center" size="auto" style="font-weight:bold;">Id</TD>
                <TD colspan="1" align="center" size="auto" style="font-weight:bold;">Name</TD>
            </TR>
        </THEAD>
        <TBODY style="text-align:left">
            <TR style="page-break-after:always;"><TD>01</TD><TD>C++</TD></TR>
            <TR style="page-break-after:always;"><TD>02</TD><TD>C#</TD></TR>
            <TR style="page-break-after:always;"><TD>03</TD><TD>Mysql</TD></TR>
            <TR style="page-break-after:always;"><TD>04</TD><TD>Oracle</TD></TR>
            <TR style="page-break-after:always;"><TD>05</TD><TD>Microsoft SQL Server</TD></TR>
            <TR style="page-break-after:always;"><TD>06</TD><TD>SQLite</TD></TR>
            <TR style="page-break-after:always;"><TD>07</TD><TD>Python</TD></TR>
            <TR style="page-break-after:always;"><TD>08</TD><TD>Objective-C</TD></TR>
            <TR style="page-break-after:always;"><TD>09</TD><TD>LOGO</TD></TR>
            <TR style="page-break-after:always;"><TD>10</TD><TD>Java</TD></TR>
            <TR style="page-break-after:always;"><TD>11</TD><TD>C</TD></TR>
            <TR style="page-break-after:always;"><TD>12</TD><TD>C++</TD></TR>
            <TR style="page-break-after:always;"><TD>13</TD><TD>C#</TD></TR>
            <TR style="page-break-after:always;"><TD>14</TD><TD>Visual Basic</TD></TR>
            <TR style="page-break-after:always;"><TD>15</TD><TD>PHP</TD></TR>
            <TR style="page-break-after:always;"><TD>16</TD><TD>Perl</TD></TR>
            <TR style="page-break-after:always;"><TD>17</TD><TD>JavaScript</TD></TR>
            <TR style="page-break-after:always;"><TD>18</TD><TD>Ruby</TD></TR>
            <TR style="page-break-after:always;"><TD>19</TD><TD>Delphi/Object Pascal</TD></TR>
            <TR style="page-break-after:always;"><TD>20</TD><TD>Lisp</TD></TR>
            <TR style="page-break-after:always;"><TD>20</TD><TD>PL/SQL</TD></TR>
            <TR style="page-break-after:always;"><TD>21</TD><TD>Transact-SQL</TD></TR>
            <TR style="page-break-after:always;"><TD>22</TD><TD>Pascal</TD></TR>
            <TR style="page-break-after:always;"><TD>23</TD><TD>Ada</TD></TR>
            <TR style="page-break-after:always;"><TD>24</TD><TD>Assembly</TD></TR>
            <TR style="page-break-after:always;"><TD>25</TD><TD>ABAP</TD></TR>
            <TR style="page-break-after:always;"><TD>26</TD><TD>R</TD></TR>
            <TR style="page-break-after:always;"><TD>27</TD><TD>Lua</TD></TR>
            <TR style="page-break-after:always;"><TD>28</TD><TD>NXT-G</TD></TR>
            <TR style="page-break-after:always;"><TD>29</TD><TD>Visual Basic .NET</TD></TR>
            <TR style="page-break-after:always;"><TD>30</TD><TD>Bash</TD></TR>
            <TR style="page-break-after:always;"><TD>31</TD><TD>MATLAB</TD></TR>
            <TR style="page-break-after:always;"><TD>32</TD><TD>COBOL</TD></TR>
            <TR style="page-break-after:always;"><TD>33</TD><TD>F#</TD></TR>
            <TR style="page-break-after:always;"><TD>34</TD><TD>Swift</TD></TR>
            <TR style="page-break-after:always;"><TD>35</TD><TD>Assembly Language</TD></TR>
            <TR style="page-break-after:always;"><TD>36</TD><TD>Groovy</TD></TR>
            <TR style="page-break-after:always;"><TD>37</TD><TD>Java Server Pages</TD></TR>
            <TR style="page-break-after:always;"><TD>38</TD><TD>Power Builder</TD></TR>
            <TR style="page-break-after:always;"><TD>39</TD><TD>Sybase</TD></TR>
            <TR style="page-break-after:always;"><TD>40</TD><TD>awk</TD></TR>
            <TR style="page-break-after:always;"><TD>41</TD><TD>Eiffel</TD></TR>
            <TR style="page-break-after:always;"><TD>42</TD><TD>Emacs Lisp</TD></TR>
            <TR style="page-break-after:always;"><TD>43</TD><TD>Erlang</TD></TR>
            <TR style="page-break-after:always;"><TD>44</TD><TD>Forth</TD></TR>
            <TR style="page-break-after:always;"><TD>45</TD><TD>Icon</TD></TR>
            <TR style="page-break-after:always;"><TD>46</TD><TD>Pike</TD></TR>
            <TR style="page-break-after:always;"><TD>47</TD><TD>CommonLisp</TD></TR>
            <TR style="page-break-after:always;"><TD>48</TD><TD>PowerScripr</TD></TR>
            <TR style="page-break-after:always;"><TD>49</TD><TD>VBScript</TD></TR>
            <TR style="page-break-after:always;"><TD>50</TD><TD>FoxPro</TD></TR>
            <TR style="page-break-after:always;"><TD>51</TD><TD>Installshield script</TD></TR>
            <TR style="page-break-after:always;"><TD>52</TD><TD>ActionScript</TD></TR>
            <TR style="page-break-after:always;"><TD>53</TD><TD>Javascript</TD></TR>
            <TR style="page-break-after:always;"><TD>54</TD><TD>VBScript</TD></TR>
            <TR style="page-break-after:always;"><TD>55</TD><TD>ActionScript</TD></TR>
            <TR style="page-break-after:always;"><TD>56</TD><TD>Screenplay</TD></TR>
            <TR style="page-break-after:always;"><TD>57</TD><TD>Scripting Programming Language</TD></TR>
            <TR style="page-break-after:always;"><TD>58</TD><TD>Scripting Language</TD></TR>
            <TR style="page-break-after:always;"><TD>59</TD><TD>Script Language</TD></TR>
            <TR style="page-break-after:always;"><TD>60</TD><TD>OAK</TD></TR>
        </TBODY>
        <TFOOT style="display:table-footer-group;font-weight:bold">
        <td colspan="2">
            <span id="bottomLeft" class="footer" style="display:inline-block;width:33.33%;font-weight:bold;text-align:left;">https://blog.csdn.net/chenlu5201314</span>
        </td>
        <td colspan="2">
            <span id="bottomCenter" class="footer" style="display:inline-block;width:300px;font-weight:bold;text-align:center;">bottom center</span>
        </td>
        <td colspan="2">
            <span id="bottomRight" class="footer" style="display:inline-block;width:300px;font-weight:bold;text-align:right;">bottom right</span>
        </td>
        </TFOOT>
    </TABLE>
    <input type=button value="Print" class="noprint" onclick=javascript:window.print()>
</body>
</html>

4、360浏览器

打印设置配置位置

C:\ [用户]\[当前账号名]\AppData\Roaming\360se6\User Data\Default\Preferences
"printing": {
      "print_preview_sticky_settings": {
         "appState": "{\"version\":2,\"isGcpPromoDismissed\":false,\"selectedDestinationId\":\"Microsoft Print to PDF\",\"selectedDestinationOrigin\":\"local\",\"selectedDestinationAccount\":\"\",\"selectedDestinationCapabilities\":{\"printer\":{\"color\":{\"option\":[{\"is_default\":true,\"type\":\"STANDARD_COLOR\",\"vendor_id\":\"2\"},{\"type\":\"STANDARD_MONOCHROME\",\"vendor_id\":\"1\"}]},\"dpi\":{\"option\":[{\"horizontal_dpi\":600,\"is_default\":true,\"vertical_dpi\":600}]},\"media_size\":{\"option\":[{\"custom_display_name\":\"信纸\",\"height_microns\":279400,\"name\":\"NA_LETTER\",\"vendor_id\":\"1\",\"width_microns\":215900},{\"custom_display_name\":\"Tabloid\",\"height_microns\":431800,\"name\":\"NA_LEDGER\",\"vendor_id\":\"3\",\"width_microns\":279400},{\"custom_display_name\":\"法律专用纸\",\"height_microns\":355600,\"name\":\"NA_LEGAL\",\"vendor_id\":\"5\",\"width_microns\":215900},{\"custom_display_name\":\"Statement\",\"height_microns\":215900,\"name\":\"NA_INVOICE\",\"vendor_id\":\"6\",\"width_microns\":139700},{\"custom_display_name\":\"Executive\",\"height_microns\":266700,\"name\":\"NA_EXECUTIVE\",\"vendor_id\":\"7\",\"width_microns\":184100},{\"custom_display_name\":\"A3\",\"height_microns\":420000,\"name\":\"ISO_A3\",\"vendor_id\":\"8\",\"width_microns\":297000},{\"custom_display_name\":\"A4\",\"height_microns\":297000,\"is_default\":true,\"name\":\"ISO_A4\",\"vendor_id\":\"9\",\"width_microns\":210000},{\"custom_display_name\":\"A5\",\"height_microns\":210000,\"name\":\"ISO_A5\",\"vendor_id\":\"11\",\"width_microns\":148000},{\"custom_display_name\":\"B4 (JIS)\",\"height_microns\":364000,\"name\":\"JIS_B4\",\"vendor_id\":\"12\",\"width_microns\":257000},{\"custom_display_name\":\"B5 (JIS)\",\"height_microns\":257000,\"name\":\"JIS_B5\",\"vendor_id\":\"13\",\"width_microns\":182000}]},\"page_orientation\":{\"option\":[{\"is_default\":true,\"type\":\"PORTRAIT\"},{\"type\":\"LANDSCAPE\"},{\"type\":\"AUTO\"}]},\"supported_content_type\":[{\"content_type\":\"application/pdf\"}]},\"version\":\"1.0\"},\"selectedDestinationName\":\"Microsoft Print to PDF\",\"selectedDestinationExtensionId\":\"\",\"selectedDestinationExtensionName\":\"\",\"mediaSize\":{\"custom_display_name\":\"A4\",\"height_microns\":297000,\"is_default\":true,\"name\":\"ISO_A4\",\"vendor_id\":\"9\",\"width_microns\":210000},\"recentDestinations\":[{\"id\":\"Microsoft Print to PDF\",\"origin\":\"local\",\"account\":\"\",\"capabilities\":{\"printer\":{\"color\":{\"option\":[{\"is_default\":true,\"type\":\"STANDARD_COLOR\",\"vendor_id\":\"2\"},{\"type\":\"STANDARD_MONOCHROME\",\"vendor_id\":\"1\"}]},\"dpi\":{\"option\":[{\"horizontal_dpi\":600,\"is_default\":true,\"vertical_dpi\":600}]},\"media_size\":{\"option\":[{\"custom_display_name\":\"信纸\",\"height_microns\":279400,\"name\":\"NA_LETTER\",\"vendor_id\":\"1\",\"width_microns\":215900},{\"custom_display_name\":\"Tabloid\",\"height_microns\":431800,\"name\":\"NA_LEDGER\",\"vendor_id\":\"3\",\"width_microns\":279400},{\"custom_display_name\":\"法律专用纸\",\"height_microns\":355600,\"name\":\"NA_LEGAL\",\"vendor_id\":\"5\",\"width_microns\":215900},{\"custom_display_name\":\"Statement\",\"height_microns\":215900,\"name\":\"NA_INVOICE\",\"vendor_id\":\"6\",\"width_microns\":139700},{\"custom_display_name\":\"Executive\",\"height_microns\":266700,\"name\":\"NA_EXECUTIVE\",\"vendor_id\":\"7\",\"width_microns\":184100},{\"custom_display_name\":\"A3\",\"height_microns\":420000,\"name\":\"ISO_A3\",\"vendor_id\":\"8\",\"width_microns\":297000},{\"custom_display_name\":\"A4\",\"height_microns\":297000,\"is_default\":true,\"name\":\"ISO_A4\",\"vendor_id\":\"9\",\"width_microns\":210000},{\"custom_display_name\":\"A5\",\"height_microns\":210000,\"name\":\"ISO_A5\",\"vendor_id\":\"11\",\"width_microns\":148000},{\"custom_display_name\":\"B4 (JIS)\",\"height_microns\":364000,\"name\":\"JIS_B4\",\"vendor_id\":\"12\",\"width_microns\":257000},{\"custom_display_name\":\"B5 (JIS)\",\"height_microns\":257000,\"name\":\"JIS_B5\",\"vendor_id\":\"13\",\"width_microns\":182000}]},\"page_orientation\":{\"option\":[{\"is_default\":true,\"type\":\"PORTRAIT\"},{\"type\":\"LANDSCAPE\"},{\"type\":\"AUTO\"}]},\"supported_content_type\":[{\"content_type\":\"application/pdf\"}]},\"version\":\"1.0\"},\"name\":\"\",\"extensionId\":\"\",\"extensionName\":\"\"}],\"marginsType\":0,\"customMargins\":{\"top\":0,\"right\":0,\"bottom\":0,\"left\":0},\"isLandscapeEnabled\":false,\"scaling\":\"100\",\"isHeaderFooterEnabled\":true,\"Footer\":\"Footer\",\"isCssBackgroundEnabled\":true}"
      }
   }

2019-07-08 官方回答：其处理方式与谷歌浏览器保持一致，不支持自定义，文件格式为json。

 

 

少莫千华
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html 的页眉页脚,Html 打印模板 （带页眉页脚）
weixin_33572836的博客
06-03 1410
.page-header, .page-header-space {height: 80px;}.page-footer, .page-footer-space {height: auto;}.page-footer {position: fixed;bottom: 0;width: 100%;border-top: 1px solid black; /* for demo */backgroun...
js iframe 打印 打印预览 页眉页脚的设置
04-10
NULL 博文链接：https://guoliangheyuqin.iteye.com/blog/1664562
【前端】使用window.print() 前端实现网页打印详细教程（含代码示例）
最新发布
06-10 1万+
【前端】使用window.print() 前端实现网页打印详细教程（含代码示例）
html输出屏幕,从HTML屏幕打印动态页眉或页脚
weixin_35339622的博客
06-23 777
使用PHP在HTML页面的页脚中打印变量(插入打印分页符之前)，我尝试使用this solution。实际上，我将包装在中的打印的php变量设置为@media print并给它position:fixed; bottom:0;。从HTML屏幕打印动态页眉或页脚但是，变量与打印的每个页面上的每个回显实例重叠。有没有一种方法可以使用只显示当前页面变量值的方法在页脚上打印动态变量？示例代码：.break...
打印html页面，并在每个页面添加页眉和页脚
The_Best_Hacker的博客
05-20 1万+
【方法一】： 1.网页点击打印时，打印渲染的页面每一页的头部都要有公司logo；2.而且分页时不能让某一行的表格断开（必须在达到固定高度时让页面自动分页）； @media screen { div.divHeader{ display:none; } div.divFooter { display: none; } } @media print ...
【vue2】中 谷歌 Chrome 实现自定义页眉页脚打印
weixin_50450473的博客
02-15 4773
学号：${subjectItem.BaseInfo.ExamNo}【${subjectItem.BaseInfo.Subject}】
html中加页眉,在打印HTML页面时添加页眉/页脚
weixin_42287030的博客
06-10 3204
你需要用你的整个内容的表里面，像功率：HTML...并添加以下CSS：@media print {thead { display: table-header-group; }tfoot { display: table-footer-group; }}@media screen {thead { display: block; }tfoot { display: block; }}我需要补充，这可...
React如何实现浏览器打印部分内容详析
10-16
在React应用中实现浏览器打印部分内容是一项常见的需求，尤其在处理报表、发票或用户协议等场景。本文将详细解析如何在...在实际开发中，还可以根据具体需求添加更多定制化功能，如页眉页脚的设置、自定义打印样式等。
js实现页面打印功能实例代码(附去页眉页脚功能代码)
10-29
通过上述分析可以看出，利用JavaScript和CSS可以有效地实现在网页中实现打印功能，并能够自定义打印样式和去除不必要的页眉页脚。这对于提高用户体验和实现更美观的打印效果至关重要。开发者可以根据不同的浏览器...
顺丰快递单模板html.zip
06-21
此外，它还可以用于实现打印功能，通过监听打印事件，动态调整页面样式以适应打印需求，比如隐藏不必要的元素或添加页眉页脚。 4. 后台数据接口：模板中提到的数据可以从后台获取，这意味着需要一个服务器端的API...
实现web打印的各种方法介绍及实现代码
09-05
在Web开发中，实现网页打印功能是常见的需求，特别是在需要提供用户打印报表或文档的场景。本文将详细介绍三种常见的Web打印方法：JQuery插件Jqprint、JQuery打印插件PrintArea以及通过CSS控制打印样式。 1. **...
window.print() 前端实现网页打印(封装) - 自定义页眉页脚
weixin_44690999的博客
01-06 6019
window.print 详解 - 自定义页眉页脚
html中页眉的创建,pdf-使用CSS创建页面页眉和页脚以进行打印
weixin_39711348的博客
06-29 540
我花了很多时间使它可以在现代的Chrome，Firefox和Safari上运行。 我用它从HTML创建PDF。 您将在每个页面上固定页眉和页脚，而不会重叠页面内容。 试试吧：的CSS@page {margin: 10mm;}body {font: 9pt sans-serif;line-height: 1.3;/* Avoid fixed header and footer to overlap ...
html打印自定义页头,CSS实现打印网页自定义页眉页脚
weixin_39632728的博客
06-29 2643
打印网页时需设置自定义的页眉页脚，CSS没法直接设定；但可以利用table的特性，间接实现类似的效果：实现效果网页结构代码/* @media print 限定样式，只作用于打印页 *//* @media print { */@page {/* 设置每页顶部、底部间距 { */margin: 20px inherit;}.page-wrap {width: 100%;text-align: cent...
HTML中怎样写页眉页脚的代码,js实现页面打印功能实例代码(附去页眉页脚功能代码)...
weixin_33785828的博客
06-01 1064
@media print{.print {display:block;}.notPrint {display:none;}}function preview(){bdhtml=window.document.body.innerHTML;sprnstr="";eprnstr="";prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);prnhtml=p...
html格式文件如何整体打印,如何使用HTML在文档的每个打印页面上打印页眉和页脚？...
weixin_34433661的博客
05-30 1042
我只是在一天的大部分时间里想出了一个对我有效的解决方案，并认为我会分享我所做的事情。以上解决方案的问题是，我所有的段落元素都会与页面底部我想要的页脚重叠。为了解决这个问题，我使用了以下CSS：footer{font-size:9px;color:#f00;text-align:center;}@page{size:A4;margin:11mm17mm17mm17mm;}@med...
Print 页眉页脚页码
qq_33495944的博客
01-20 1万+
页眉页脚 当我们想打印当前页面或者保存当前页面为PDF的时候，希望加上自己自定义的logo或者文字，经过调研，找到如下两种最常用的添加页眉页脚方式，但是却不是最理想的实现方案，依然在努力调研中 table实现方式 利用标签 和(当长的表格被打印时，表格的和可被打印在包含表格数据的每张页面上。)这个特性，来自定义页面与页脚 <style> .preview-table { ...
js 页面打印，兼容单个打印和分页批量打印，自定义页眉和简单页脚
_修铁路的、的博客
12-10 5216
场景： 最近在公司做开发，有个需求需要页面打印功能，作为前端半桶水都不到，只会改页面的我，一脸懵逼，公司里也没人系统的做过，按照惯例，本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题，肯定前人有遇到过)，上百度搜索一圈，发现还是有大量的帖子，但很多都是重复的，且并不十分符合我当前的需求，但通过查阅大佬们的帖子，我对js打印的处理方向有个大致的了解。话不多说，开始进...
HTML分页打印。Web打印控件，完美解决页面排版、结构复杂，内容、图片、表格跨页断裂，自定义页面设置、页眉、页脚、页码，保持原文CSS等难题
怡图+ 博客
10-10 6470
1.Web html 分页打印； 2.内容、图片、表格跨页断裂，封边； 3.table并行、并列双边、重边； 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化； 5.页眉页脚，去除浏览默认，自定义内容、样式、位置； 6.保持页脚在页面底部，而非紧接正文内容； 7.保持原文CSS样式； 8.便捷自定义设置工具条； 9.调用、语法简单，便捷。
在vue中设置浏览器打印机的页眉和页脚
06-02
在Vue中设置打印机的页眉和页脚，可以通过在CSS中使用@page伪元素来实现。 首先，在你的CSS文件中，你需要定义@page伪元素，例如： ``` @media print { @page { size: A4; margin: 1cm; @top-center { content: "页眉内容"; } @bottom-center { content: "页脚内容"; } } } ``` 在上面的代码中，我们使用@media print媒体查询，这样我们定义的样式只会在打印时生效。然后我们定义了@page伪元素，并设置了页面大小和页边距，以及页眉和页脚的位置和内容。 注意，@top-center和@bottom-center是@page伪元素的子元素，用于定义页眉和页脚的位置。还有其他可用的子元素，例如@top-left、@top-right、@bottom-left、@bottom-right等，可以根据需要进行选择。 最后，你需要将这个CSS文件引入到你的Vue组件中，这样就可以在打印时显示自定义的页眉和页脚了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值