如何用java或js或jQuery将打开的网页保存成一个图片

Posted 2023-05-11

当我们进入到一个页面，页面的内容可能会很多，我就想把整个页面通过程序保存成一张图片存起来，像火狐的screengrab插件功能一样，我这里是想自己程序怎么实现，方便控制。

参考技术A 好像不能直接保存成图片吧，你的需求是什么呢？
可不可以将你需要保存的网页保存成别的格式呢？例如 文本文件 word excel等
或者转化成pdf格式的文件追问

pdf可以啊，怎么实现。但是要监容浏览器

参考技术B http://wenku.baidu.com/view/1d5b02d280eb6294dd886c4f.html这个地址有源代码，你看俺吧，java做的截图工具，看看是不是你想要的！！！追问

我说的是网页，你给的昨感觉像是java的控件。

追答

控件也是源代码写的啊，在页面上你直接调用哪个程序，不就出现你要的功能了吗！！！

参考技术C 楼主，你的问题是什么？

如何用js控制frame的隐藏或显示的解决办法

工具:首先引入JS库

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

页面中的部分代码:

<button id="onshow">显示/隐藏</botton>
<iframe id="myIframe"></iframe>

隐藏iframe的方法有2种可以参考:

方法1:

//获得需要隐藏的iframe元素对象。
var iframe = document.getElementById('myIframe') ;
//设置属性为隐藏。
iframe.style = "display:none";

方法2:

//给按钮绑定点击事件
$(function()
    $('#onshow').click(function()
        $('#iframe-box').toggle();//控制是否显示
    )
)

参考技术A

在HTML中元素的隐藏和显示是靠CSS的display属性,当display=none时，元素隐藏

可以通过jquery的toggle方法控制display

先在页面放一个按钮和iframe 

<button id="onshow">显示/隐藏</botton>
<iframe id="iframe-box"></iframe>

引入jQuery库文件

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

给onshow添加单击事件

<script>
$(function()
$('#onshow').click(function()
$('#iframe-box').toggle();//控制是否显示
)
)
</script>

参考技术B var fr = document.querySelector("frame")[i]; 获得元素对象。
fr.style = "display:none"; 设置属性为隐藏。 参考技术C 这个为什么非得用JS那么麻烦HTML都可以实现的效果。。。系统资料iframe中的name=manFrame就可以了当然JS也可以实现的只是绕了一个太大的弯