打印設(shè)計(jì)是給開發(fā)人員使用的工具，用打印設(shè)計(jì)輔助開發(fā)后，打印設(shè)計(jì)的界面本身的菜單下，可以生成代碼，然后把對應(yīng)的內(nèi)容信息補(bǔ)充上，拷貝到自己的頁面的JS里或存起來，作為模版使用。

也可以關(guān)閉打印設(shè)計(jì)，可返回設(shè)計(jì)好的JS代碼。這種返回的是全部的JS代碼。Lodop獲取全部JS代碼，傳統(tǒng)JS模版的生成、LodopJS文檔式模版的加載和賦值、
如果一次沒有設(shè)計(jì)完， 或者設(shè)計(jì)完后發(fā)現(xiàn)有問題，需要修改，還要把代碼拷到頁面里，然后再反復(fù)進(jìn)行設(shè)計(jì)。
還有內(nèi)容出問題的時(shí)候，需要刪減排查，刪減的時(shí)候，如果不是一點(diǎn)點(diǎn)刪減，逐漸縮小區(qū)域。如果由設(shè)計(jì)網(wǎng)頁的人員進(jìn)行刪減排查，可以找到出問題的樣式所在區(qū)域，如果不是設(shè)計(jì)該網(wǎng)頁的人員，網(wǎng)頁往往有加載很多外部鏈接的css樣式，要查哪些樣式的位置，就不是很容易，很花時(shí)間。
排查非自己的html代碼時(shí)，可以逐個或逐個區(qū)域刪除外部css鏈接，先找到需要排查的樣式在哪個外部css樣式鏈接里。

在用打印設(shè)計(jì)時(shí)，可以用反復(fù)進(jìn)行設(shè)計(jì)，這樣不用復(fù)制代碼到頁面JS里去再進(jìn)行設(shè)計(jì)。
反復(fù)設(shè)計(jì)模版，也就是把設(shè)計(jì)的返回值放入文本框，然后再從文本框中加載模版，這樣不停的放返回值，不停的加載模版。
可以：1.一次設(shè)計(jì)不完善，關(guān)了之后，再在頁面調(diào)用設(shè)計(jì)。
2.排查某段html或css樣式，原始代碼進(jìn)入后，刪減內(nèi)容，刪減后發(fā)現(xiàn)刪減錯了，直接點(diǎn)擊再載入原始代碼。發(fā)現(xiàn)刪減有效果，關(guān)閉后，也可以過一會再去刪減排查。

調(diào)試html和css操作流程：
該頁面共有三個按鈕，有兩個調(diào)用的方法都是一樣的，都是加載原始的html信息。
1.把需要測試的html信息放入第一個文本框，然后點(diǎn)第一個下面的打印設(shè)計(jì)，進(jìn)行初次修改排查。
2.修改一段時(shí)間后，想過會在改，關(guān)閉打印設(shè)計(jì)窗口，去干其他事情。這時(shí)候修改后的代碼會返回到第二個文本框里。
3.干完其他事情后，再點(diǎn)第二個文本框下方的反復(fù)打印設(shè)計(jì)，進(jìn)入設(shè)計(jì)，然后再改，如果中途有其他事情，可以重復(fù)2,3多次，打印設(shè)計(jì)里不斷修改，再不斷預(yù)覽，中途需要可關(guān)閉。
PS：如果中途發(fā)現(xiàn)刪減的區(qū)域包含了問題內(nèi)容部分，需要更精確的定位問題內(nèi)容所在位置，可點(diǎn)擊加入原始html，就可以再次進(jìn)入原始html信息，然后把不需要的區(qū)域刪除，在上次刪減區(qū)域里，再刪減，找到更加細(xì)的位置，最后定位到哪些html或樣式內(nèi)容引起的。

測試頁面：

圖示：