var bodyRect = document.body.getBoundingClientRect();
var hiddenRect = document.querySelector('#hidden').getBoundingClientRect();
var overlay = document.querySelector('#overlay');
overlay.style.top=(hiddenRect.top - bodyRect.top) + 'px';
overlay.style.left=(hiddenRect.left - bodyRect.left) + 'px';
var links = [];
var casper = require('casper').create();
function getLinks() {
var links = document.querySelectorAll('h3.r a');
return Array.prototype.map.call(links, function(e) {
return e.getAttribute('href');
});
}
casper.start('http://google.fr/', function() {
// Wait for the page to be loaded
this.waitForSelector('form[action="/search"]');
});
casper.then(function() {
// search for 'casperjs' from google form
this.fill('form[action="/search"]', { q: 'casperjs' }, true);
});
casper.then(function() {
// aggregate results for the 'casperjs' search
links = this.evaluate(getLinks);
// now search for 'phantomjs' by filling the form again
this.fill('form[action="/search"]', { q: 'phantomjs' }, true);
});
casper.then(function() {
// aggregate results for the 'phantomjs' search
links = links.concat(this.evaluate(getLinks));
});
casper.run(function() {
// echo results in some pretty fashion
this.echo(links.length + ' links found:');
this.echo(' - ' + links.join('\n - ')).exit();
});
$ casperjs googlelinks.js
20 links found:
- https://github.com/casperjs/casperjs
- https://github.com/casperjs/casperjs/issues/2
- https://github.com/casperjs/casperjs/tree/master/samples
- https://github.com/casperjs/casperjs/commits/master/
- http://www.facebook.com/people/Casper-Js/100000337260665
- http://www.facebook.com/public/Casper-Js
- http://hashtags.org/tag/CasperJS/
- http://www.zerotohundred.com/newforums/members/casper-js.html
- http://www.yellowpages.com/casper-wy/j-s-enterprises
- http://local.trib.com/casper+wy/j+s+chinese+restaurant.zq.html
- http://www.phantomjs.org/
- http://code.google.com/p/phantomjs/
- http://code.google.com/p/phantomjs/wiki/QuickStart
- http://svay.com/blog/index/post/2011/08/31/Paris-JS-10-%3A-Introduction-%C3%A0-PhantomJS
- https://github.com/ariya/phantomjs
- http://dailyjs.com/2011/01/28/phantoms/
- http://css.dzone.com/articles/phantom-js-alternative
- http://pilvee.com/blog/tag/phantom-js/
- http://ariya.blogspot.com/2011/01/phantomjs-minimalistic-headless-webkit.html
- http://www.readwriteweb.com/hack/2011/03/phantomjs-the-power-of-webkit.php
window.addEventListener('DOMContentLoaded', preloaderShow, false);
window.addEventListener('load', preloaderHide);
function preloaderShow() {
alert('Контента еще нет');
}
function preloaderHide() {
alert('Весь контент загружен');
}
что jsx-скрипт распарсивается какой-то библиотекой написаной на стандартном javascript и транслирует в него же...
// '.menu a' я написал от балды, подставь значение верстки как у тебя в шаблоне карта
document.querySelector('.menu a').addEventListener('click', function(event){
event.preventDefault();
event.stopPropagation();
this.href; // По этому параметру можешь определить до куда скролиться
// то есть, какую именно ссылку нажали
document.body.scrollTop; // Меняя значение этой переменной
//страница проскролится до узказанных пикселей
// Плавный scrollTo() можно найти в интернетах.
})
html lang
, как уже было отмечено в ответе выше, не влияет на отображение шрифтов. http-equiv
тегов meta
.Content-Language
.