Архив рубрики: WEB

WEB

Я построил PhantomJS 2.1.1 для Raspberry Pi

Я построил PhantomJS 2.1.1 для Raspberry Pi. Он также может работать на любой armhf архитектуры машин.

Я использовал Debian на ARM VPS на https://www.scaleway.com/ и следовать эту страницу, чтобы построить его.

Вы можете скачать с https://github.com/mecrazy/phantomjs-binaries.
( После того, как мой запрос тянуть разрешено, я буду редактировать ссылку на этом блоге на “https://github.com/avaynshtok/phantomjs-binaries”. )

Я использую Raspberry Pi в качестве испытательной машины для любых серверных приложений, таких как веб-соскоб. Но не было никаких PhantomJS двоичные файлы для armhf архитектуры в Интернете. Так что я построил его. Пожалуйста, используйте этот двоичный файл, если вы хотите. Но я не могу заботиться какие-то проблемы и ошибки, когда вы его используете.

< Что такое "PhantomJS"? >
PhantomJS является веб-соскоб инструмент с JavaScript API. Она может захватить веб-страницы, как PDF, PNG или какой-то файл изображения. Если вы хотите узнать больше о PhantomJS, пожалуйста, проверьте http://phantomjs.org/.

Получить новую версию Google Таблицы как JSONP

< предупреждение >
Я рекомендую вам, чтобы получить дополнительную учетную запись Google только для общественности.
Потому что, если вы последуете моему процедуру, ваш адрес Gmail будет на файле общественного JSONP.

< Google Таблицы >
Старая версия Google Таблицы можете поделиться таблицы как XML, JSON и какой-то формате. Я думал, новая версия не имеет таких функций совместного использования. Но я нашел хорошее решение для новой версии Google Таблицы на ответ на вопрос о StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( по-английски )
В соответствии с вышеуказанным странице, это API является своего рода старого API. Никто не знает, когда он останавливается. Мне все равно, эту ситуацию. Но если вам не нравится ситуацию, я не рекомендую вам использовать этот API.

< URL формата >

https://spreadsheets.google.com/feeds/cells/[ Ваш ключ таблицы ]/od6/public/values?min-row=[ начать номер строки ]&max-row=[ конец номер строки ]&min-col=[ начать номер столбца ]&max-col=[ конец номер столбца ]&alt=json-in-script&callback=[ обратного вызова имя функции ]

< Как его использовать? >
Формат JSONP проста в использовании в JavaScript. Никто не нужно парсер. Но я хочу использовать генератор URL, чтобы сделать API более полезным. Поэтому я разработал сценарий, который преобразует из параметров пейджинговой параметрам URL следующий синтаксис Google.

< jQuery плагин >
Я разработал этот плагин jQuery именем « generateGoogleJsonpUri ».
generateGoogleJsonpUri – github
Я создал образец страницу как рамках блога, чтобы проверить мои плагин.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Если вы хотите, скопируйте его источник в качестве примера.

< использование – литье >
Кастинг синтаксис

var test = $.genJsonpGDU("<Ваш-таблицы-ключ-здесь>");

или

var test = $.genJsonpGDU({key:"<Ваш-таблицы-ключ-здесь>"});

.

Вы можете найти ключ в URL части таблицы. Это мой образец ниже.
spreadsheet_sample_001
На этой картине, URL является « https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0 ». Ключ для моей таблицы является « 1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw ». Пожалуйста, проверьте адрес вашего таблицу, чтобы получить ключ.

< использование – настроить пейджер >

test.pager({
  startRow:2,//Номер строки, чтобы начать получать (требуется)
  minCol:2,//Номер столбца, чтобы начать получать (требуется)
  maxCol:7,//Номер столбца в конец становится (требуется)
  recsPerPage:5//Записи в страницу (необязательный)
});

Пожалуйста, сравните выше синтаксис и таблицу ниже. При см. таблицу ниже, пожалуйста, представьте Excel или любой вид электронной таблицы. Синтаксис выше означает диапазон первой страницы является розовая гамма, 2-я стр. зеленый диапазон. « B2:G2 » является первая запись. « B6:G6 » и пятая запись.

A1 B1 C1 D1 E1 F1 G1 H1
A2 B2 C2 D2 E2 F2 G2 H2
A3 B3 C3 D3 E3 F3 G3 H3
A4 B4 C4 D4 E4 F4 G4 H4
A5 B5 C5 D5 E5 F5 G5 H5
A6 B6 C6 D6 E6 F6 G6 H6
A7 B7 C7 D7 E7 F7 G7 H7
A8 B8 C8 D8 E8 F8 G8 H8
A9 B9 C9 D9 E9 F9 G9 H9
A10 B10 C10 D10 E10 F10 G10 H10
A11 B11 C11 D11 E11 F11 G11 H11
A12 B12 C12 D12 E12 F12 G12 H12
A13 B13 C13 D13 E13 F13 G13 H13

< использование – получить адрес страницы >
Это пример, чтобы получить первой страницы URL.

var pageUrl = test.page(1);

( “test.pager(объект)” необходимо до выполнения этой функции. )

< использование – выполнить Ajax >
Аргументы в пользу « test.ajax » такие же, как « http://api.jquery.com/jQuery.ajax/ ».

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
  }
});

Если вы хотите знать текущую страницу имеет предыдущую страницу или следующую страницу, пожалуйста, используйте « test.get() » в функции success и параметров проверки.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('Текущая страница имеет предыдущую страницу.');
    }else{
      console.log('Текущая страница не имеет предыдущую страницу.');
    }
    if(param.pager.next){
      console.log('Текущая страница имеет следующую страницу.');
    }else{
      console.log('Текущая страница не имеет следующую страницу.');
    }
  }
});

< использование – преобразовать JSON в 2D массива >
« test.jsonToArr » преобразует из формата JSON компании Google в 2D массива.

test.ajax({
  url:test.page(1),
  success:function(json){
    var arr2d = test.jsonToArr(json);
    console.log(arr2d);
  }
});

< использование – переменная кэш >
Если вы хотите включить кэш подкачки с помощью переменных JavaScript, пожалуйста, следуйте приведенным ниже синтаксис.

test.set({cache:true});

Этот аргумент переключается использовать кэш для подкачки. Он проверяет дату обновления на JSONP каждые 20 минут по умолчанию. Если дата изменилась, она автоматически очистить кэш. Если вы хотите изменить интервал провести проверку сроков. Вы можете использовать синтаксис, как показано ниже, а не выше синтаксиса.

test.set({
  cache:true,
  cacheInterval:{
    sec:0,min:50,hour:0
  }
});

< послесловие >
Есть основные различия между новыми и старыми таблицами Google.

  новый старый
Максимальные клетки 2000000 клетки 400000 клетки
Максимальные колонны неограниченный 256 столбцов на листе

Я думаю, что новая версия невероятно большой и бесплатная база данных. Я хочу, чтобы найти интересные обычаи новых таблиц Google.

Упрощенная HTML-генератор для Bootstrap 3

< Что это? >
Он генерирует основной источник HTML для Bootstrap 3. Вы можете выбрать варианты, когда вы его генерации. Я часто использую это для себя. Если вы хотите, пожалуйста, закладки эту страницу.


< генератор >
Название страницы :
таблица условных сигналов :
Bootstrap версия :
Совместимость со старыми IE :
Используйте фиксированный панель навигации :
Используйте липкую колонтитул :
Используйте jQuery переключение :
Используйте jQuery UI переключение :
Используйте backbone.js :
Используйте underscore.js :
Используйте bootbox :

Если вы выбираете “Совместимо с старой IE” “ДА”, нужно поставить “bootstrap.min.css” и “respond.min.js” на вашем сервере. В основном “respond.min.js” не корректно работать на CDN и серверов других.

< Сценарии >
Вы можете скачать скрипты, используемые HTML. Вы можете поставить на свой сервер и заменить пути сценариев.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap и Respond.js необходимы для загрузки для старого IE. Пожалуйста, будьте осторожны. )

Сделать STINGER3 (WordPress тема) совместим с WPML (многоязычный плагин)

< Что WPML? >
Это многоязычная плагин для WordPress. Я использую WPML на этом mecrazy блоге.
Официальный сайт WPML

< Что STINGER3? >
Это тема для WordPress. Она имеет много хороших функций без плагина. Например, фрагмент вставки для объявлений (как Google Adsense) и отличным дизайном социальных кнопок. Я хотел, чтобы попытаться использовать эту тему.
Официальный сайт STINGER3 (Японский страницы)

< Надеюсь, нежный деятельность >
Разработчик STINGER3 слишком занят, чтобы ответить на Twitter, и я не уверен, что он может читать, кроме японского языков. Если у вас есть какие-либо вопросы о STINGER3, я надеюсь, что вы, чтобы найти ответ на Google или решить проблемы самостоятельно.

< Для людей, которые не умеют читать по-японски >
Официальный сайт STINGER3 является на японском языке. Я думаю, что это трудно найти ссылку на скачивание тематического архива. Вы должны найти японское слово «ダウンロード». Это означает, «скачать» на русском языке. Пожалуйста, используйте CTRL + F найти это слово. Пожалуйста, найдите имя текущей версии файла «stinger3ver20140327.zip».

< Код для совместимости >
Приведенный ниже код обеспечивать совместимость WPML чтобы STINGER3.

<style type="text/css">

.submenu-languages{
  background-color:#f3f3f3;
  border-style:solid;
  border-color:#dedede;
  border-width:0px 1px 1px 1px;
  position:absolute;
  margin-left:-11px;
  margin-top:21px;
  padding-bottom:5px;
  display:none;
}
.submenu-languages > li{
  white-space:nowrap !important;
  float:none !important;
  display:inline-block !important;
}

.iclflag{ vertical-align:middle;position:relative !important;top:-1px !important; }
#lang_sel{ z-index:1000; }
#lang_sel a{ display:block; }
#lang_sel ul,#lang_sel li,#lang_sel a{
  margin:0px;padding:0px;
  width:300px;
  text-align:left;
  white-space:nowrap;
}
#lang_sel ul,#lang_sel li{ margin:0px !important;padding:0px !important; }
#lang_sel a{ margin:0px !important;padding:0px 7px !important; }
#lang_sel li,#lang_sel a,#lang_sel span{
  height:30px !important;
  line-height:30px !important;
  font-size:14px;
}
#lang_sel > ul > li > ul{ top:31px; }

</style>
<script type="text/javascript">
jQuery(function($){
var langMenuObj = $('.submenu-languages').eq(0);
var wpmlMobile = (typeof(window.orientation) != "undefined");
$('.menu-item-language-current').eq(0).on('mouseenter',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeIn('fast');}
}).on('mouseleave',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeOut('slow');}
}).on('click',function(){
langMenuObj.stop(true,true).toggle();
});
$('.icl_lang_sel_current ').parent().click(function(){ return false; });
});
</script>

< Как вставить этот код? >
Есть 3 примеры способов вставки кода. Пожалуйста, выберите один из них. Или, если вы знаете, как настроить WordPress, вы можете вставить вручную ваши скрипты.

< метод – 1 >
К [ Внешний вид – Виджеты ] меню администратора. Пожалуйста, добавьте «Текст» одному действительного области. Пожалуйста, не вводите название, положить сценарий только в виде подробно.

< метод – 2 >
Я разработал плагин STINGER3 loves WPML. Этот плагин сделать то же самое, что и «метод – 1». Если вы нашли ошибку, пожалуйста, сообщите или сказать мне на Github, Twitter или Google+.

< метод – 3 >
Использование WordPress плагин «Wp Insert». Он может вставить HTML код в любое место на вашем блоге.

< позже >
Я думаю, что каждый методы не так уж и сложно. Но текущая версия STINGER3 не совместим с языком mo файлов. Мы можем перевести только с струнного Перевод WPML. Если у меня есть свободное время, я хочу, чтобы разработать патч для STINGER3 совместим с mo файлов.

< Обновление от 11 июня 2014 >
фиксированный – Это не может справиться с первым водопроводную событие Android или IOS браузеров. Исходный код на этой странице и плагин WordPress на Github обновляются.

Запуск WordPress на Android с помощью KSWEB

< предупреждение >
Вам нужно умение установить IP-адрес общественности вашего Android. Я не пишу процедуру о сетевых настройках, потому что это зависит от вашего сетевого оборудования, программного обеспечения и услуг. Мне жаль, но, пожалуйста, проверьте его на другой сайт.

< Высокий приложение для Android >
Существует удивительный приложение на Google Play. Название приложение KSWEB. Страница Разработчик здесь. Вы можете скачать с этой страницы или Google Play.

< требование >
Разработчик KSWEB говорит Android-устройство с ОС версии 2.3.3 или выше и ARM-процессор на базе требуется. Я постараюсь работать KSWEB на IS05 (японский старый Android-смартфонов на SHARP) и процедуры на этот пост о данном устройстве. Но, возможно, KSWEB может работать на очень многих видов устройств Android. Пожалуйста, попробуйте на любых устройствах у вас есть.

< Установка с Google Play >
( Если вы хотите установить с Google Play, пожалуйста, выполните следующие действия. )
Вам просто нужно пойти KSWEB – Google Play и установить его. Вот и все установки.

< Установка с APK файл >
(Если вы хотите установить из APK файла, пожалуйста, выполните следующие действия.)
Перед установкой APK файл, вам необходимо изменить настройки вашего Android, для приложений. Вы должны разрешить приложение устанавливает от “unknown sources”(неизвестных источников). После этого, пожалуйста, посетите http://kslabs.ru/download/ загрузить файл AAPPKK из KSWEB.
20140531-174245

< Скачивая WordPress >
Вы можете выбрать “скачать с Android напрямую” или “загрузка на ПК и загрузить на Android”. Я скачал на ПК от http://ru.wordpress.org/. Я установил AirDroid к моему Android и посетил http://web.airdroid.com/ загрузить WordPress ZIP файл в моем Android. Если вы хотите “скачать на Android напрямую”, нужно просто посетить http://ru.wordpress.org/ вашим Android-браузера.

< Установка ZIP экстрактор на свой Android >
Вы должны извлечь WordPress ZIP файл на вашем Android. Я установил AndroZip™ File Manager к моему Android. Но есть много видов ZIP экстрактор на Google Play, вы можете выбрать любое приложение вам нравится.

< Извлечение ZIP файл >
Я положил ZIP файл “Wordpress-3.9.1-ru_RU.zip” в корневом каталоге SD-карты. После того как я извлечь его “WordPress” каталог был автоматически сделал.
20140602-225852

< Добавление и позволяет дополнительных функций >
Пожалуйста, нажмите [ TOOLS – WebFace – Start ] чтобы позволить KSWEB веб-интерфейса. Пожалуйста, нажмите [ TOOLS – Main – phpMyAdmin ] добавить PHPMyAdmin. PhpMyAdmin является для изготовления базу данных на MySQL для WordPress, так что это не нужно. Вы также можете сделать базы данных с PHP скрипта.
20140530-002435

< Создание базы данных с PhpMyAdmin >
Пожалуйста, войдите http://localhost:8000/ сам по себе (Android) или http://< Локальный IP-адрес Android, >:8000/ с любого компьютера в той же сети.
phpMyAdmin_login
Вы можете войти как root без пароля. На мой образца картинки, я сделал базы данных “WordPress” для WordPress.
phpMyAdmin_table

< Изменение WWW корневой каталог lighttpd >
Пожалуйста, войдите http://localhost:8003/ сам по себе (Android) или http://< Локальный IP-адрес Android, >:8003/ с любого компьютера в той же сети. Это KSWEB веб-интерфейс. Пользователя по умолчанию и пароль и admin.
KSWEB_Web_Interface
Пожалуйста, нажмите Server settings. Вы можете редактировать конфигурационный файл lighttpd.
Пожалуйста, найти линию, как показано ниже.

server.document-root = “/mnt/sdcard/htdocs”

Изменить путь к каталогу этой линии к корневой WordPress.
Мой новый параметр ниже.

#server.document-root = “/mnt/sdcard/htdocs”
server.document-root = “/mnt/sdcard/wordpress”

После изменения конфигурационных файлов, перезагрузите lighttpd или KSWEB.

< Параметры порта из lighttpd >
Настройка портов по умолчанию, как показано ниже.
lighttpd_ports
Если вы хотите изменить их, пожалуйста, измените файл конфигурации.

< Не спать! >
В основном Android-смартфон автоматически спит. Если вы хотите, чтобы работать 24 часа, вы должны держать его подальше от сна. Есть много приложений, чтобы остаться это проснуться на Google Play. Пожалуйста, используйте StayAwake, KeepScreen или другой вы найдете на Google Play.

< Начните WordPress >
Следующим шагом является же процедура общего установки WordPress. Пожалуйста, доступ к вашему Android с вашего доменного имени. Установка WordPress по умолчанию запускается. Приятного энергосберегающую WordPress жизнь.