用于打印的頁面規(guī)劃 |
發(fā)布時(shí)間:2019-10-20 文章來源:本站 瀏覽次數(shù):3170 |
在網(wǎng)站的一些應(yīng)用中需要供給用戶直接打印頁面的功用,最明顯的就是電子優(yōu)惠券,商家根據(jù)網(wǎng)站供給的模板輸入內(nèi)容,然后生成優(yōu)惠券頁面,用戶打印這個(gè)頁面便是優(yōu)惠券。 當(dāng)然最優(yōu)的做法是根據(jù)這個(gè)頁面生成一個(gè)圖片文件,用戶下載這個(gè)圖片再去打印,打印的作用就不會(huì)受瀏覽器的設(shè)置而受影響打印出來的作用。 但假如由于一些原因,為了快速或許節(jié)約成本,不去將頁面存為圖片文件的操作,那么就只有直接將HTML頁面直接打印下來,這樣就需要在對(duì)頁面的規(guī)劃中有一些額外的要求,這兒提出兩個(gè)地方需要留意: 1.對(duì)style標(biāo)簽的特點(diǎn)設(shè)置: 這兒表明該style內(nèi)引入或許定義的款式特點(diǎn)只是在打印的時(shí)分運(yùn)用,這兒提醒一下,假如沒有設(shè)置media特點(diǎn),那么定義的款式將在瀏覽器和打印時(shí)都起效,所以主張將相似這樣的款式放在一切慣例款式之后。 2.在頁面打印的時(shí)分瀏覽器的設(shè)置會(huì)對(duì)打印的作用有影響,在IE中的“東西”–“Internet選項(xiàng)”–“高級(jí)”中有一個(gè)“打印布景色彩和圖畫”,相似的在Firefox中“文件”–“頁面設(shè)置”中有一個(gè)“打印布景色彩和圖畫”,當(dāng)這個(gè)選項(xiàng)被選中的時(shí)分,頁面中的布景色彩和圖片都能夠打印出來(有些不規(guī)范的IE內(nèi)核瀏覽器好像有些問題,布景色彩能夠打印出來,可是布景圖片不可),假如沒有選中則布景色彩和圖片都無法打印出來,所以為了屏蔽用戶不同的瀏覽器和瀏覽器設(shè)置,我主張兩點(diǎn),第一是在用布景色填充的區(qū)域作為分界的地方加上1px的邊框,色彩和布景色相同,這樣在瀏覽器中看不出來改變,而在打印的時(shí)分即運(yùn)用戶的設(shè)置導(dǎo)致布景色無法打印出來也能夠有一個(gè)邊框來作為切割,最大層的上保留了頁面格式;第二是對(duì)一切必不可少的圖片都運(yùn)用標(biāo)簽,這樣無論用戶瀏覽器怎么設(shè)置都能夠?qū)⑦@些圖片打印出來,或許這樣與平時(shí)一些頁面規(guī)劃方式不同,但為了統(tǒng)一打印的作用,也只要讓步了。 |
|