精华内容
下载资源
问答
  • 可以在asp.net 实现截屏操作,截屏图直接存服务器,是目前效果最好的网页截屏代码,提交图片速度快,图片清晰,代码简单,还可以直接封装为控件. 现在提供下载 源码下载 下载 

    可以在asp.net 实现截屏操作,截屏图直接存服务器,是目前效果最好的网页截屏代码,提交图片速度快,图片清晰,代码简单,还可以直接封装为控件.

     

    现在提供下载

     

     

     

     

     

     

     

     

     

     

     

     

     

    源码下载  下载

     

     

     

     

    展开全文
  • asp.net 截屏 截取web页面 源代码

    千次阅读 2013-02-22 11:38:58
    asp.net 截屏 截取web页面    using System.Drawing;  //打开该页面  System.Diagnostics.Process.Start("IEXPLORE

    asp.net 截屏 截取web页面

                            

                             using System.Drawing;

                             //打开该页面
                            System.Diagnostics.Process.Start("IEXPLORE.EXE", "http://localhost:56/Spacxxe.html");

                            System.Threading.Thread.Sleep(3000);
                            //截屏

                            //创建并设置画布大小
                            System.Drawing.Image templateImage = new System.Drawing.Bitmap(1040, 700);
                            System.Drawing.Graphics templateG = System.Drawing.Graphics.FromImage(templateImage);


                            //new Point(200, 100)位于源(屏幕)左上角的x,y坐标
                            //new Point(0, 0)图片位于画布左上角的x,y坐标
                            //new Size(1440, 900)所截屏幕的大小
                            templateG.CopyFromScreen(new Point(200, 100), new Point(0, 0), new Size(1000, 900), CopyPixelOperation.MergeCopy);

                            //关闭ie
                            System.Diagnostics.Process[] pro = System.Diagnostics.Process.GetProcessesByName("IEXPLORE");
                            foreach (System.Diagnostics.Process ps in pro)
                            {
                                ps.Kill();
                            }

                            //存
                            templateImage.Save(@"E:\TEST\" + imgname + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);

    展开全文
  • 用户IE截屏获取截屏数据并发送到服务器端,可应用于b/s系统的用户截屏,或web聊天,包含html 调用代码,增加对截取图片进行编辑(划线,写字等),增加遮罩颜色设置及截图提示。 更多信息请访问 ...
  • webplayer中截屏

    千次阅读 2014-04-03 14:14:43
    因为webplayer的限制,在webplayer上运行unity程序的时候,截屏并不像本地运行程序那样。基本思路是: 1、通过相应的接口把屏幕像素读取到内存,并且encode成png格式; 2、通过wwwform类把png格式的流由服务器接收...
    因为webplayer的限制,在webplayer上运行unity程序的时候,截屏并不像本地运行程序那样。基本思路是:
    1、通过相应的接口把屏幕像素读取到内存,并且encode成png格式;
    2、通过wwwform类把png格式的流由服务器接收,并且存在服务器上,做成链接,然用户下载;


    unity官方相关的代码例子:

    1. // Grab a screen shot and upload it to a CGI script.
    2. // The CGI script must be able to hande form uploads.
    3. var screenShotURL= "http://www.my-server.com/cgi-bin/screenshot.pl";
    4. // Take a screen shot immediately
    5. function Start() {
    6.     UploadPNG();
    7. }
    8. function UploadPNG() {
    9.     // We should only read the screen after all rendering is complete
    10.     yield WaitForEndOfFrame();
    11.     // Create a texture the size of the screen, RGB24 format
    12.     var width = Screen.width;
    13.     var height = Screen.height;
    14.     var tex = new Texture2D( width, height, TextureFormat.RGB24, false );
    15.     // Read screen contents into the texture
    16.     tex.ReadPixels( Rect(0, 0, width, height), 0, 0 );
    17.     tex.Apply();
    18.     // Encode texture into PNG
    19.     var bytes = tex.EncodeToPNG();
    20.     Destroy( tex );
    21.     // Create a Web Form
    22.     var form = new WWWForm();
    23.     form.AddField("frameCount", Time.frameCount.ToString());
    24.     form.AddBinaryData("fileUpload", bytes, "screenShot.png", "image/png");
    25.     // Upload to a cgi script
    26.     var w = WWW(screenShotURL, form);
    27.     yield w;
    28.     if (!String.IsNullOrEmpty(w.error))
    29.         print(w.error);
    30.     else
    31.         print("Finished Uploading Screenshot");
    32. }
    复制代码



    上面的代码段是用在unity程序中的:截取屏幕并生成png格式的流;访问服务器脚本,让改代码接收png格式的流。screenShotURL是wwwform访问的服务器脚本。
    展开全文
  • selenium是最广泛使用的开源Web UI自动化测试套件之一。本文中使用selenium的PythonSKD,通过代码段完成对selenium的操作。html2canvas是一个js库,可以实现在浏览器上截取网页或其一部分的“屏幕快照”。总体思路是...
    79e35266cfb021c7773b9aa8e854e22f.png

    服务端浏览器截屏是结合 selenium + html2canvas 实现的通过在 Chrome 环境下生成图片。

    selenium是最广泛使用的开源Web UI自动化测试套件之一。本文中使用selenium的PythonSKD,通过代码段完成对selenium的操作。

    html2canvas是一个js库,可以实现在浏览器上截取网页或其一部分的“屏幕快照”。

    总体思路是通过在服务端搭建chromedriver环境,利用selenium实现打开网页,运行js等一系列动作。然后通过注入html2convas的js代码,完成获取当前页浏览器任意dom元素图片。通过这种方式,可以在服务端截取任意网页区域。本文主要介绍在Linux环境下通过各种工具的组合,实现截取任意区域生成图片的方法,其他系统下方法类似。

    环境准备

    chromedriver 安装

    首先需要安装浏览器内核环境,可以在官网https://chromedriver.chromium.org下载需要的版本。如果Linux没有中文字体,需要安装中文字体,避免网页乱码。

    selenium 安装

    pip install selenium

    html2canvas

    可以访问https://html2canvas.hertzen.com/查看html2canvas的使用方法

    运行方法

    初始化

    加载浏览器环境,打开网页。如果chromedriver没有在系统PATH下,需要为webdriver.Chrome()添加executable_path参数,指定chromedriver路径。

    import timefrom selenium import webdriver# chrome 参数chrome_options = webdriver.ChromeOptions()chrome_options.add_argument('--headless')chrome_options.add_argument('--no-sandbox')chrome_options.add_argument('--disable-dev-shm-usage')driver = webdriver.Chrome(chrome_options=chrome_options)# 加载网站driver.get("https://github.com/trending")time.sleep(1)

    注入脚本

    首先需要引入html2canvas的js库。这里通过创建一个script标签,追加到head中,实现html2canvas。

    html2canvas = """var s=window.document.createElement('script');s.src='https://html2canvas.hertzen.com/dist/html2canvas.min.js';window.document.head.appendChild(s);"""driver.execute_script(html2canvas)ime.sleep(1)

    然后根据实际情况,获取dom元素,生成dom元素的图片数据。这里使用了html2canvas的方法,当转换canvas成功后,向body中添加一个含图片数据的元素。该元素可以是任意元素,主要用于存储图片数据。由于html2canvas()函数无法立即将图片数据以返回值的形式传递到python的execute_script()函数。所以通过共享一个dom元素,实现图片数据传递。

    buildImage = """html2canvas(document.querySelector('#side_nav')).then(canvas => {data = canvas.toDataURL('image/jpeg', 0.98);  var input = document.createElement('input');input.setAttribute('type', 'text');  input.setAttribute('id', 'html2canvas_data');   input.setAttribute('value', data);   document.body.appendChild(input)});return data;"""driver.execute_script(buildImage)time.sleep(1)

    最后获取图片信息。读取上一步中生成的id为html2canvas_data元素中存储的图片数据。execute_script()函数的返回值即为图片的base64数据。

    imageData = """return document.getElementById('#html2canvas_data').getAttribute('value');"""data = driver.execute_script(imageData)

    退出chrome

    driver.quit()

    图片生成

    上一步中,最后一个js执行的返回结果为图片的base64值。通过base64解码,便可以得到图片。这里需要注意的是返回值中的base64结果中会包含一段图片信息数据:data:image/jpeg;base64,。解码时需要先移除,再进行转码。

    注意

    1. 执行每一条js后,需要增加延时,保证js执行成功。也可以使用selenium提供的显性等待函数WebDriverWait,完成监听元素加载状态。
    2. 加载html2canvas.js库时,若网站设置了安全策略,如跨域、域限制等策略,需要想方法绕过,再加载js
    3. 实际应用时,可将js下载到内网,加快js加载速度
    4. 实际应用时,可能会出现driver.quit()后,chromdriver进程仍然存在,需要手动kill

    集成Docker

    将上述所有需要的软件放入docker中。当有新的环境需要时,不必再次安装,同时也可以避免环境差异导致的意外的问题。

    如果业务有需求,将上述图片生成方法,结合自身业务需求,在Docker中完成业务实现,从而提供一个可以生成符合业务需求的浏览器截屏服务。例如建立一个http服务,通过传入网页地址与对应的dom元素,返回对应dom元素的图片数据。

    下面是基于已有的chromedriver镜像robcherry/docker-chromedriver,制作的一个简单的可以运行浏览器截屏程序的环境。在chromedriver的基础上,添加字体库,安装selenium。

    FROM robcherry/docker-chromedriverCOPY chinese /usr/share/fonts/chineseRUN curl https://bootstrap.pypa.io/get-pip.py -o /tmp/get-pip.py &&  python /tmp/get-pip.py &&     pip install selenium &&   mkfontscale &&   mkfontdir && fc-cache -fvCMD ["/usr/local/bin/supervisord", "-c", "/etc/supervisord.conf"]

    其中chinese是字体目录,可以使用Windows系统下的字体目录中的字体文件。然后生成镜像:

    docker build -t demo/html2canvas .

    最后将上面的python程序,挂载到容器内,在容器内运行,查看效果

    关于360技术:360技术是360技术团队打造的技术分享公众号,每天推送技术干货内容,更多技术信息欢迎关注“360技术”微信公众号

    展开全文
  • 本文实例展示了asp.net截屏功能实现截取web页面的方法,代码简洁易懂,分享给大家供大家参考。 具体实现代码如下: using System.Drawing; //打开该页面 System.Diagnostics.Process.Start(IEXPLORE.EXE, ...
  • 需求:先假设UI自动化执行case异常或是错误,需要web页面截图,留下证据提交bug;代码如何实现? 1、场景:先不管case执行结果如何,反正就是执行完截屏就OK了。先给截图名称写一个随机文件名方法: public ...
  • 最近在做一个留言功能,其中有一个小工具是截屏功能,类似于QQ的截图功能,但是仅限在web内部,也可以说在浏览器内部即可。初步想法肯定是不会去现写,于是在搜索上找了许多,无奈于不想自己写,只能用别人的控件,...
  • 利用photoshop查看颜色的web代码

    千次阅读 2013-12-04 09:59:36
    1、先通过截屏工具把屏幕上的图像记载下来,然后再用photoshop打开 2、使用“吸管”工具,查看RGB是什么值 3、切换显示颜色的方式   请查看附件,里面有详细说明       查看WEB颜色
  • 最近在尝试利用 electron 将一个 web 版的聊天工具包装成一个桌面 APP。作为一个聊天工具,截屏可以说是一个必备功能了。不过遗憾的是没有找到很成熟的库来用,也可能是打开方式不对,总之呢没看到现成的,于是就想...
  • 关于“在Phoenix Web应用程序中使用基于滚动访问控制(RBAC)的授权实施”的仓库 此回购代码是的截屏视频的配套代码
  • EaTheBlocks EatTheBlocks的区块链教程。 了解如何在以太坊和Solidity Smart合约上构建去中心化应用程序(Dapps) ...Web3 松露 DeFi(去中心化金融) 组织 YouTube: screencast文件夹 课程:其他文件夹 培训班
  • selenium是最广泛使用的开源Web UI自动化测试套件之一。本文中使用selenium的PythonSKD,通过代码段完成对selenium的操作。html2canvas是一个js库,可以实现在浏览器上截取网页或其一部分的“屏幕快照”。总体思路是...
  • 免费的YouTube视频为初学者提供了大量有关Web开发的教程 。 但是,由于您可以快速记录和发布自己开发的摘录或功能,因此截屏视频变得更加流行 。 免费的应用程序Scrimba是共享代码片段并查找他人记录的示例的一种...
  • selenium是最广泛使用的开源Web UI自动化测试套件之一。本文中使用selenium的PythonSKD,通过代码段完成对selenium的操作。html2canvas是一个js库,可以实现在浏览器上截取网页或其一部分的“屏幕快照”。总体思路是...
  • 二、代码 #coding:utf-8 ''' 1设置浏览器窗口大小 2浏览器最大化 3截屏并保存文件 4退出浏览器 ''' #导入依懒的模块 from selenium import webdriver as web import time #启动浏览器 dr = web....
  • exec("G:/phpstudy/WWW/destoon/api/a/cache/web/phantomjs.exe ./get.js http://www.baidu.com ./img/example.png"); js代码: var page = require('webpage').create(), system = require('system'); var ur...
  • exec("G:/phpstudy/WWW/destoon/api/a/cache/web/phantomjs.exe ./get.js http://www.baidu.com ./img/example.png"); js代码: var page = require('webpage').create(), system = require('system');...
  • 上文写到使用html2Canvas实现截屏。上次留了一个问题,如果...怎么体现通用性(一段代码解决大多数场景)? 2、修改web中间件的上传大小限制。 存在问题:对web中间件依赖增强,如果需要跨中间件则非常麻烦,通用性太
  • 使用Java Servlet保存 TScrnCut截屏插件及Web扫描插件上传的图像,如需保存为png请修改图像后缀,使用javascript设置插件返回图像格式 服务器端Servlet代码如下: package TscrnCut; import sun.misc.BASE64...
  • 最近有这么一个需求,分享页面,分享的是web订单截图,既然是web 就会有超出屏幕的部分, 生成的图片还要加上我们的二维码,这就涉及到图片的合成了。 有了这样的需求,就是各种google.也算解决了自己的需求,另外,...
  • web前端助手-FeHelper

    2021-02-03 13:27:06
    一个功能齐全的谷歌插件:字符串解码,json格式化,代码压缩,截屏,取色器等等。
  • phantomJS web自动化

    2018-03-24 16:43:35
    phantomJS 官网http://phantomjs.org/,英文的,phantomJS为4个方面提供解决方案:(1)web页面‘无头’测试【大意就是像浏览器一般,但是没有用户界面,去运行你的js代码】(2)站点页面截屏,就像pc上的截屏一样,...
  • 我自己写了一个winform的web浏览器,想实现截图功能,就像是这样: ![图片说明](https://img-ask.csdn.net/upload/201704/22/1492855332_814811.png) ![图片说明]...
  • WEB前端助手(FeHelper)

    2018-12-07 09:14:34
    FE助手:包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试、密码生成器、JSON...
  • 选择自己喜欢的IDE搭建各自的webpy和django环境,最后截屏就作业。 PyCharm PyCharm是由JetBrains打造的一款Python IDE。 PyCharm具备一般 Python IDE 的功能,比如:调试、语法高亮、项目管理、代码跳转、智能提示...
  • Dagger十分适合中小型团队从零开始WebUI自动化,这样的话,只须要直接下载整个Dagger代码就行了,Dagger本身都已经配置好了,下载后看一下使用文档就可以直接开始写用例了 也可以把Dagger打成Jar包,导入已有的自动...
  • 到了这一步,就很简单了,...可恶的腾讯,可恶的华为,华为没有硬件截屏,软件截屏对全屏应用截不完,为了截屏装个腾讯管家,又偷偷装应用宝。 继续,上页面html代码。 查看会议议程

空空如也

空空如也

1 2 3 4 5 6
收藏数 103
精华内容 41
关键字:

web代码截屏