Question

有没有什么方法可以使用JavaScript（和jQuery）来创建一个只显示9GAG图像的网页，一次加载大约5个，并在向下滚动时加载更多？我正试图让自己更方便地访问这些网站而不加载所有其他垃圾。

感谢。

Answer 1

http://infinigag.k3min.eu/trending

返回：

{
    "status": 200,
    "message": "OK",
    "data": [
        {
            "id": "EyVtjpq",
            "caption": "Example",
            "images": {
                "small": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_220x145.jpg",
                "cover": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460c.jpg",
                "normal": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460s.jpg",
                "large": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_700b.jpg"
            },
            "media": {
                "mp4": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460sv.mp4",
                "webm": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460svwm.webm"
            },
            "link": "http:\/\/9gag.com\/gag\/EyVtjpq",
            "votes": {
                "count": 0
            },
            "comments": {
                "count": 0
            }
        },
        ...
    ],
    "paging": {
        "next": "V8eFpqG"
    }
}

Answer 2

是的，这是可能的......我建议使用php。不幸的是，由于“沙盒”，你只能访问存储在javascript源自url的内容中，因此你将无法使用javascript执行此操作。

以下是您可以在下方进行操作的方法。有了这个代码，我们会提出一些建议：服务条款只是规则，但要理解使用此服务时所涉及的道德/道德考虑因素。 9gag做了收集这些图像的工作，这样他们就可以在广告上赚钱。他们支付带宽（另外还支付云端cdn）。如果您使用此代码制作竞争产品，甚至只是为了环绕广告，那么您就是在偷窃。我只发布这个，因为我认为信息应该是免费的，人们应该能够从这个PHP代码中学习。

$html = file_get_contents("http://www.9gag.com");
preg_match('|http://d24w6bsrhbeh9d\.cloudfront\.net/photo/.+?\.jpg|',$html,$matches);
//now matches holds all the image urls which you can print to javascript/html and show

祝你好运。

Answer 3

除非所说的网站有一个API返回图像或路径，否则你需要服务器端技术。

从9GAG中提取图像

3 个答案: