ウェブページの「折りたたみ」をブラウザに読み込まずに検出する

Question

実際にウェブブラウザに読み込まずにウェブページのFoldを検出することはできますか？

私は5つのURLを持っており、これらの5つのURLの折り畳み位置をロードせずに知りたいとします。バッチ操作にもっと似ています。 Java/Javascript/Python ?

Answer 1

「フォールド」とは、応答性がまだない時代の設計原理です。今日、私は「折りたたみ」についてあまり気にしないだろうが、自分自身に「折り目について気にするのはなぜ？

あなた（またはあなたのデザイナーが）読んでください素晴らしい記事：http://iampaddy.com/lifebelow600/

と言った...

「折る」は、ブラウザのウィンドウの高さを基準にしています。モバイルデバイスでは、折りたたみは320pxほど小さくなりますが、27インチの画面では1400px程度のフルスクリーンが表示されます。

あなたの質問は次のとおりです。特定の要素をブラウザにロードせずに特定の解像度で表示する場合は、「ブラウザ」という言葉を再考する必要があります。ブラウザはHTML/CSSを視覚的に表示する部分です。 （Chrome、Safari、Firefoxなど）

しかし、「ヘッドレス」ブラウザなどのようなものもあります。これらは画面に表示されないブラウザで、そのページでは（スクリーンショットやものを撮るなど）、その場合はPhantom JSまたはCasper JS。これらは、スクリプトで1つ以上のページを読み込んでスクリーンショットを撮ることができる素晴らしいパッケージです。あるいは、単純で簡単なJavaScriptでDOM要素の先頭のオフセットを読み取ることができます。

ファントムJS例：

var page = require('webpage').create(); 
var url = 'http://phantomjs.org/'; 
page.open(url, function (status) { 
    //Page is loaded! 
    // Take screenshot: 
    page.render('screenshot.png'); 
    // Get offsetTop of the footer in the page: 
    var offset = page.evaluate(function() { 
    return document.querySelector('.footer').offsetTop; 
    }); 
    console.log('Footer offset = ' + offset); 
    phantom.exit(); 
}); 

が、これはややお役に立てば幸いです。