WebBrowser，挖坑，跳坑，填坑

于 2017-05-04 15:56:00 发布
阅读量332 收藏 1
点赞数
文章标签： c#
原文链接：http://www.cnblogs.com/youler/p/6803336.html
版权

最近在 C# Asp.net 平台上的一个项目中用到了 WebBrowser 控件。自然而然就进入了 一连串的坑了。用网络上一同行的话“用WebBrowse，就是在给自己挖坑”。

道术太浅，这个坑我还是跳了。

 需求：截取网页中的一部分，生成图片。

咣当咣当在本地机子码了一遍，后台用了 WebBrowser 控件。运行，一切OK。

  

然后就放到服务器上了，当然问题也就跟着来了...

在服务器上部署运行遇到如下问题，

 

发现坑一：页面在浏览器中打开正常，但某些图片在截图中没有显示出来

但是在本地上部署的和局域网内部署运行都OK，一开始，这个问题让我觉得有些奇葩，也是一脸懵逼。

开始寻找bug之旅了，我发现截图没有显示出来的图片都是被用做背景的图片（background-image），而 <img> 标签的图片都是正常的。

我开始怀疑是 background-image 中的图片比 <img> 标签的图片 加载慢，而导致以上问题的。

小测试一下，果不其然，真是这个问题。问了度娘一下，问题得到确认了，也弄清了原理。

在本地和局域网部署运行OK，加载速度很快，没发现问题，而在外网中运行，加载快慢就显现出来了，问题也就出来了。

 

 

发现坑二：网页中的圆角，浮动在截图中并未有效果

这个问题，也是让我一开始是 一脸懵逼 + 一头雾水的。

在本地运行是很OK的。到服务器上运行就这#样了。

很快，我就想应该是平台浏览器的内核问题，也就是 WebBrowser 控件的内核问题。但是都是基于 asp.net 平台的啊，一样的平台，一样的代码，how ？

又见了度娘一下，果不其然，WebBrowser 控件的内核是跟所部署运行的机子的IE浏览器内核是相关的，老版本的 IE 是不支持很多 CSS3 和 H5 新技能的。

我有感觉了，肯定是服务器的 IE 浏览器版本太 old 了。

查看了一下本地的IE版本，是 IE9。再查看一下服务器的 IE 版本，是 IE8。 噢，我的感觉是对了的。

            

 

立马就把服务器的 IE 浏览器更新，额... 一开始我是想更新到 IE9 和本地的同版本就好了... 一不小心，没刹住车，直接开到 IE10 了...

 

一开始，想想也不会有什么的吧，索性将就了...

一运行，又是一脸懵逼...

 

发现坑三：截图出现了两个很碍眼刺眼的滚动条，也就是 WebBrowser 打开的网页就是有滚动条的

不应该啊，又急着见度娘了，度娘带来的大神都说设置 “webBrowser.ScrollBarsEnabled = false” 就OK。可是这个答案对我的问题是没用的。

 

我想可能就是我把服务的 IE 浏览器更新过头了，应该 IE9 就OK了。我想 “webBrowser.ScrollBarsEnabled = false” 对 IE9 有用，对 IE10 就无效了。

又是 WebBrowser 的问题。

索性不管了 WebBrowser 了，目的是要解决掉滚动条，我就在原网页中的<body>做了一点点修改，修改了样式 “ <body style="overflow:hidden;"> ”，问题也就解决了。

 

总结：

挖坑跳坑，把坑填了，路途中是会学到很多东西的

 

补充一下知识

关于 background-image 和 <img>

 

 

 

 

本文原创作者：小明 

原创文链接：《WebBrowser，挖坑，跳坑，填坑》

转载于:https://www.cnblogs.com/youler/p/6803336.html

weixin_30784141
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebBrowser的各种使用方法(未完待续)(XE8+WIN7)
10-28
2.保证无毒 3.简单,方便,实用 4.实例可以自行改用 5.如有非法,本人无法律责任,由改动代码人负责！ 6.需要更多本人作品,查找标签“朱建强” 7.请下载,杀毒后再使用！
C# asp.net html 导出 pdf 打印 引用 wkhtmltopdf.exe
12-25
C# asp.net html 导出 pdf 打印 引用 wkhtmltopdf.exe，简单明了，不用编译那么多代码，直接调用wkhtmltopdf.exe把html格式的导出pdf ,经过本人测试时ok的！
ASP.NET网络打印
小晖Allen的专栏
08-07 1447
通过Windows.Print直接打印HTML function preview() { bdhtml=window.document.body.innerHTML; sprnstr=""; eprnstr=""; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);prnhtml=prnhtml.substring(0,prnhtml.indexO
asp.net实现web打印功能
08-29
asp.net简单实现web打印功能，效果还不错
JavaWeb开发 使用WebBrowser控件打印页面demo
01-16
使用WebBrowser控件打印页面demo,通过修改demo中的几行代码就可以使用
(asp.net)网页打印的全套解决方案
06-05
此实例代码包括了基于网页版的全套打印方式，尤其是调用ocx组件打印。对做相关打印的项目是很有用的了。
C# WebBrowser获取网站数据
04-25
在.NET框架中，C# WebBrowser控件是一个强大的工具，它允许开发者在应用程序中嵌入一个基于Internet Explorer的浏览器引擎，从而实现与网页的交互。本篇将详细讲解如何利用C# WebBrowser控件来伪装成浏览器访问网页...
webbrowser
11-09
unity中app的浏览器，主要用于手机平台。unity中app的浏览器，主要用于手机平台。unity中app的浏览器，主要用于手机平台。
EO.WebBrowser
最新发布
06-24
去除烦人提示框的清洁版本。
webbrowser.rar
06-25
本篇将详细剖析"webbrowser"这一主题，带您走进Web浏览器的世界。 一、Web浏览器的组成结构 Web浏览器主要由以下几个核心组件构成： 1. 用户界面（UI）：包括地址栏、前进/后退按钮、书签、刷新/停止按钮等，提供...
利用WebBrowser彻底解决Web打印问题（包括后台打印）
07-29
【利用WebBrowser彻底解决Web打印问题（包括后台打印） 】利用WebBrowser彻底解决Web打印问题（包括后台打印）BS架构下的打印大家是怎么解决的呢，我最近作了一个项目正好负责这一块，不仅要求打印页面的特定部分，还要求有后台的批量打印，在网上查了一些资料，最后终于解决了。抱着“取之于众 服务于众”的思想，我总结了一下，把它拿到网上来与大家分享，希望能帮助遇到类似问题的朋友。我主要使用了IE内置的WebBrowser控件，无需用户下载和安装。WebBrowser有很多功能，除打印外的其他功能就不再赘述了，你所能用到的打印功能也几乎全部可以靠它完成，下面的问题就是如何使用它了。先说显示后打印，后面说后台打印。1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：到页面，或者使用JavaScript在需要的时候临时添加也可以：document.body.insertAdjacentHTML("beforeEnd","");2 .页面设置和打印预览如下所示，直接调用即可document.all.WebBrowser.ExecWB(6,6) 直接打印document.all.WebBrowser.ExecWB(8,1) 页面设置document.all.WebBrowser.ExecWB(7,1) 打印预览或者：execScript("document.all.WebBrowser.ExecWB 7, 1","VBScript");3 隐藏不打印的页面元素和分页CSS 有个Media 属性，可以分开设置打印和显示的格式。如 … 中间的格式将只在打印时起作用，不会影响显示界面。所以可以设定.Noprint{display:none;}.PageNext{page-break-after: always;}然后给不想打印的页面元素添加： class="Noprint" ，那就不会出现在打印和打印预览中了。想分页的地方添加： 就可以了。4．打印页面的特定部分我是通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。如：下面的pringFrame js函数将只打印Iframe中的内容，可以直接引用使用,如printFrame(FrameId);window.print = printFrame;// main stufffunction printFrame(frame, onfinish) {if ( !frame ) frame = window;function execOnFinish() {switch ( typeof(onfinish) ) {case "string": execScript(onfinish); break;case "function": onfinish();}if ( focused && !focused.disabled ) focused.focus();}if (( frame.document.readyState !== "complete") &&( !frame.document.confirm("The document to print is not downloaded yet! Continue with printing?") )){execOnFinish();return;}var eventScope = printGetEventScope(frame);var focused = document.activeElement;window.printHelper = function() {execScript("on error resume next: printWB.ExecWB 6, 1", "VBScript");printFireEvent(frame, eventScope, "onafterprint");printWB.outerHTML = "";execOnFinish();window.printHelper = null;}document.body.insertAdjacentHTML("beforeEnd","");printFireEvent(frame, eventScope, "onbeforeprint");frame.focus();window.printHelper = printHelper;setTimeout("window.printHelper()", 0);}// helpersfunction printIsNativeSupport() {var agent = window.navigator.userAgent;var i = agent.indexOf("MSIE ")+5;return parseInt(agent.substr(i)) >= 5 && agent.indexOf("5.0b1") < 0;}function printFireEvent(frame, obj, name) {var handler = obj[name];switch ( typeof(handler) ) {case "string": frame.execScript(handler); break;case "function": handler();}}function printGetEventScope(frame) {var frameset = frame.document.all.tags("FRAMESET");if ( frameset.length ) return frameset[0];return frame.document.body;}Iframe中所装载页面的打印效果在所装载页面设置就可以了，如分页等。5．后台打印我是通过建一个隐藏Iframe实现的，当然仍然会有页面装载的过程。下面的函数创建Iframe装载页面并打印。如 printHidden(url) //url为页面地址function printHidden(url) {document.body.insertAdjacentHTML("beforeEnd","");var doc = printHiddenFrame.document;doc.open();doc.write("");doc.write("");doc.write("");doc.close();}function onprintHiddenFrame() {function onfinish() {printHiddenFrame.outerHTML = "";if ( window.onprintcomplete ) window.onprintcomplete();}printFrame(printHiddenFrame.printMe, onfinish);}它用到了printFrame，所以别忘了引用前面的函数。总之，WebBroswer已经为我们提供了解决方案，我们只要结合需求把它应用好就行了。
强制新窗口只在webBrowser打开
08-06
在C# WinForm开发中，WebBrowser控件是一种常用的组件，用于在应用程序内部展示网页内容。这个控件的行为类似于一个内置的浏览器，但它嵌入在我们的应用程序窗口内，提供了与网页交互的能力。在某些情况下，我们希望...
Asp.net 网络打印 – WebBrowser 控件技术打印
人生路上漫悠悠，程序写春秋...
08-05 3708
Asp.net 网络打印 – WebBrowser 控件技术打印---资源来源于Microsfot WebCast1.       创建一个Class_Print 的类，类中可能创建两个Function.-Function 1:Public Function DGPrint(ByVal ds As DataSet) As String        Dim myDataTabl
ASP.NET 调用打印机控件的方法 IEWebBrowser这个组件
03-31 185
我对IEWebBrowser这个组件的execWB方法整理了一下﹐希望对大家有所帮助。 1. <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object> 2. 调用方法。 WebBrowser.ExecWB nCmdI...
asp.net 页面打印问题
aa332073044的专栏
05-24 3608
WebBrowser控件 打印2 WebBrowser是IE内置的浏览器控件，无需用户下载. 一、WebBrowser控件 　　 二、WebBrowder控件的方法 //打印 WebBrowser1.ExecWB(6,1); //打印设置 WebBrowser1.ExecWB(8,1); //打印预览 WebBrowser1.ExecWB(7,1); 关于这个组件还有其他的用法，列举如下： W
关于ASP.NET页面打印技术的总结
Everest的博客 (杂七杂八)
07-19 1149
关于ASP.NET页面打印技术的总结  网络打印概述 　　• B/S结构导致了Web应用程序中打印的特殊性。　　• 程序运行在浏览器中，打印机在本地，而文件确可能在服务器上，导致了打印控制不是很灵活。　　• 格式如何控制和定制等，是我们
Asp.net实现web打印方案
chenjinjie的专栏
07-05 2073
 using System;using System.Data;using System.Web;using System.Text;using System.Collections;using System.Web.UI;using System.Data.SqlClient;using System.Web.UI.WebControls;using System.Web.UI.HtmlCont
ASP.NET 页面打印与预览
weixin_34066347的博客
09-23 328
第一种是所见即所得的: 所见即所得 <html> <head> <title>ASP.NET打印-所见即所得</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <scriptlanguage="javasc...
VB WebBrowser控件使用技巧全攻略
"VB控件WEBBROWSER基本及进阶技巧合集.doc" VB中的WebBrowser控件是一个非常实用的工具，它允许开发者在应用程序中嵌入一个网页浏览器的功能，以便用户可以在应用内部浏览网页。以下是一些关于WebBrowser控件的基本...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值