1

我想创建一个小书签来获取 html 页面的内容并将其发送到外部 url 进行处理。

通常只需将 document.title 发送到服务器并在服务器端将其 CURL 就足够了,但由于各种原因,这不是一个选项。我试过了:

javascript:
(
    function()
    {
        var htmlstuff=document.documentElement.innerHTML;

        window.open
        (
            'http://127.0.0.1/grabhtml.php?url='+escape(document.location)+'&title='+escape(document.title)+'&html='+escape(htmlstuff)+'&lm='+escape(document.lastModified)
            ,'InfoDialog','menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,dependent=no,width=400,height=480,left=50,top=50'
        );
    }
)
();

grabhtml.php 只是 <? file_put_contents('result.html',$_REQUEST['html']); ?>

正如预期的那样,Apache 不喜欢这么长的请求:

Request-URI Too Large
The requested URL's length exceeds the capacity limit for this server.

因此我考虑通过 POST 而不是 GET 发送 document.documentElement.innerHTML。

Firefox-WebmasterTools 有一个选项来显示“查看生成的源代码”而不是正常的“查看源代码”。

我记得去年我读过一篇关于类似 Instapaper 的服务如何做到这一点的文章。

我已经为这篇文章或将“生成的源”发布到我的表单的书签示例搜索了几天。

我的 Javascript 技能非常基础,但我学得很快。非常感谢您朝正确的方向踢球。

4

1 回答 1

0

您只能通过 AJAX 使用 POST,因此您的 JS 脚本必须在同一个域上运行grabhtml.php

如果是,你可以简单地使用 jQuery,它看起来像:

$.post('grabhtml.php', {
    url: document.location,
    title: document.title,
    html: htmlstuff
}, function(response) {
    alert('Successfully posted.');
});

如果不这样做,您可以尝试将脚本嵌入iframe(与 php 脚本在同一域中运行),将标题、正文等从父框架发送到此iframe(通过window.postMessage)并发出上述 POST 请求,省略跨域限制。

您可以在此处阅读有关 window.postMessage 的更多信息:http: //viget.com/extend/using-javascript-postmessage-to-talk-to-iframes

注意:我不确定 window.postMessage 最大消息大小

于 2013-09-30T02:43:05.373 回答