lodop打印html内容,html测试页LODOP的内容反复进入打印设计

打印设计是给开发人员使用的工具,用打印设计辅助开发后,打印设计的界面本身的菜单下,可以生成代码,然后把对应的内容信息补充上,拷贝到自己的页面的JS里或存起来,作为模版使用。

也可以关闭打印设计,可返回设计好的JS代码。这种返回的是全部的JS代码。Lodop获取全部JS代码,传统JS模版的生成、LodopJS文档式模版的加载和赋值、

如果一次没有设计完, 或者设计完后发现有问题,需要修改,还要把代码拷到页面里,然后再反复进行设计。

还有内容出问题的时候,需要删减排查,删减的时候,如果不是一点点删减,逐渐缩小区域。如果由设计网页的人员进行删减排查,可以找到出问题的样式所在区域,如果不是设计该网页的人员,网页往往有加载很多外部链接的css样式,要查哪些样式的位置,就不是很容易,很花时间。

排查非自己的html代码时,可以逐个或逐个区域删除外部css链接,先找到需要排查的样式在哪个外部css样式链接里。

在用打印设计时,可以用反复进行设计,这样不用复制代码到页面JS里去再进行设计。

反复设计模版,也就是把设计的返回值放入文本框,然后再从文本框中加载模版,这样不停的放返回值,不停的加载模版。

可以:1.一次设计不完善,关了之后,再在页面调用设计。

2.排查某段html或css样式,原始代码进入后,删减内容,删减后发现删减错了,直接点击再载入原始代码。发现删减有效果,关闭后,也可以过一会再去删减排查。

调试html和css操作流程:

该页面共有三个按钮,有两个调用的方法都是一样的,都是加载原始的html信息。

1.把需要测试的html信息放入第一个文本框,然后点第一个下面的打印设计,进行初次修改排查。

2.修改一段时间后,想过会在改,关闭打印设计窗口,去干其他事情。这时候修改后的代码会返回到第二个文本框里。

3.干完其他事情后,再点第二个文本框下方的反复打印设计,进入设计,然后再改,如果中途有其他事情,可以重复2,3多次,打印设计里不断修改,再不断预览,中途需要可关闭。

PS:如果中途发现删减的区域包含了问题内容部分,需要更精确的定位问题内容所在位置,可点击加入原始html,就可以再次进入原始html信息,然后把不需要的区域删除,在上次删减区域里,再删减,找到更加细的位置,最后定位到哪些html或样式内容引起的。

测试页面:

WEB打印控件LODOP
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值