Archivo de la categoría: WEB

WEB

Construí PhantomJS 2.1.1 para Raspberry Pi

Construí PhantomJS 2.1.1 para Raspberry Pi. También se puede ejecutar en cualquier máquina de arquitectura armhf.

Solía Debian en ARM VPS en https://www.scaleway.com/ y sigo a esta página para construirlo.

Por favor, descarga de https://github.com/mecrazy/phantomjs-binaries.
( Después de mi solicitud de tracción permite, voy a editar el enlace en este blog a “https://github.com/avaynshtok/phantomjs-binaries”. )

Yo uso Raspberry Pi como una máquina de ensayo de las aplicaciones de servidor como raspado web. Pero no había binarios para la arquitectura PhantomJS armhf en la web. Así que construí. Por favor, use este binario, si lo desea. Pero no puedo cuidar los problemas y errores cuando lo utiliza.

< ¿Qué es "PhantomJS"? >
PhantomJS es una herramienta de raspado web con API de JavaScript. Puede capturar páginas web como PDF, PNG o algún tipo de archivo de imagen. Si desea saber más acerca de PhantomJS, por favor verifica http://phantomjs.org/.

Obtenga nueva versión de Google Spreadsheets como JSONP

< advertencia >
Te recomiendo que para obtener la cuenta adicional Google sólo para público.
Porque si sigues mi procedimiento, su dirección de Gmail será archivada JSONP público.

< Google Spreadsheets >
Versión antigua de Google Spreadsheets puede compartir hojas de cálculo como XML, JSON y algún tipo de formato. Pensé nueva versión no tiene esa función de uso compartido. Pero me di cuenta de la buena solución para la nueva versión de Google Spreadsheets en la respuesta a la pregunta sobre StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( en Inglés )
De acuerdo a la página anterior, esta API es un poco viejo API. Nadie está seguro de cuando se detiene. No me importa la situación. Pero si no te gusta la situación, yo no recomiendo usar esta API.

< formato URL >

https://spreadsheets.google.com/feeds/cells/[ La clave de la hoja de cálculo ]/od6/public/values?min-row=[ empezar número de fila ]&max-row=[ número de fila final ]&min-col=[ empezar número de columna ]&max-col=[ número de columna final ]&alt=json-in-script&callback=[ nombre de la función de devolución de llamada ]

< ¿Cómo se usa? >
Formato JSONP es fácil de usar en JavaScript. Nadie necesita analizador. Pero quiero usar generador de URL para que la API más útil. Así que desarrollé una secuencia de comandos que convierte de parámetros de paginación para los parámetros de URL siguiente sintaxis Google.

< plugin de jQuery >
Desarrollé este plugin jQuery llamado “generateGoogleJsonpUri”.
generateGoogleJsonpUri – github
He creado la página muestra como un marco blog para probar mi plugin.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Si quieres, por favor, copie su fuente como una muestra.

< uso – fundición >
Fundición sintaxis es

var test = $.genJsonpGDU("<Your-spreadsheet-key-here>");

o

var test = $.genJsonpGDU({key:"<Your-spreadsheet-key-here>"});

.

Usted puede encontrar una clave en la URL de la hoja de cálculo. Es para mí un ejemplo a continuación.
spreadsheet_sample_001
En esta imagen, la URL es “https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0”. La clave para mi hoja de cálculo es “1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw”. Por favor verifique la dirección URL de la hoja de cálculo para obtener su clave.

< uso – configurar pager >

test.pager({
  startRow:2,//El número de fila para empezar a recibir (necesario)
  minCol:2,//Número de columna para empezar a recibir (necesario)
  maxCol:7,//Número de columna para poner fin a conseguir (necesario)
  recsPerPage:5//Los registros en una página (opcional)
});

Por favor compare la sintaxis anterior y la tabla siguiente. Cuando vea la tabla de abajo, por favor imaginar Excel o cualquier tipo de hoja de cálculo. Sintaxis de arriba significa que el rango de la primera página es la gama de color rosa, segunda página es zona verde. “B2: G2” es un primer registro. “B6: G6” es un quinto disco.

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

< uso – obtener la página URL >
Es un ejemplo para tener primera página URL.

var pageUrl = test.page(1);

( “test.pager(objeto)” se requiere antes de ejecutar esta función. )

< uso – ejecutar Ajax >
Argumentos para “test.ajax” son los mismos que “http://api.jquery.com/jQuery.ajax/“.

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

Si quieres saber la página actual tiene la página anterior o siguiente página, por favor, utilice “test.get()” en la función “success” y compruebe los parámetros.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('La página actual tiene la página anterior.');
    }else{
      console.log('Página actual no tiene la página anterior.');
    }
    if(param.pager.next){
      console.log('La página actual tiene página siguiente.');
    }else{
      console.log('Página actual no tiene la página siguiente.');
    }
  }
});

< uso – convertir JSON a array 2D >
“test.jsonToArr” se convierte de formato JSON de Google de array 2D.

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

< uso – caché de variables >
Si desea habilitar la caché de paginación utilizando variables de JavaScript, por favor siga el siguiente sintaxis.

test.set({cache:true});

Este argumento pasa a utilizar la caché para paginación. Verifica la fecha de actualización en JSONP cada 20 minutos de forma predeterminada. Si la fecha cambia, automáticamente claro caché. Si desea cambiar el intervalo para comprobar la fecha. Usted puede utilizar la sintaxis como la siguiente en lugar de la sintaxis anterior.

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

< Epílogo >
Existen diferencias básicas entre los nuevos y viejos Hojas de cálculo de Google.

  nuevo viejo
células Máximo 2 millones de células 400,000 células
Número máximo de columnas ilimitado 256 columnas por hoja

Creo que la nueva versión de la base de datos es increíblemente grande y libre. Quiero encontrar usos interesantes de las nuevas hojas de cálculo de Google.

Generador de HTML básico para Bootstrap 3 ( en español )

< ¿Qué es esto? >
Genera código fuente HTML básico para Bootstrap 3. Usted puede elegir opciones cuando lo haya generado. A menudo utilizo con mis propios ojos. Si lo desea, por favor, marcador esta página.


< Generador >
Título de la página :
Código de idioma :
versión Bootstrap :
Compatible con el viejo IE :
Utilice la barra de navegación fija :
Utilice pegajosa pie de página :
Usar jQuery conmutación por error :
Usar jQuery UI conmutación por error :
Utilice backbone.js :
Utilice underscore.js :
Utilice bootbox :

Si elige “Compatible con el viejo IE” “SÍ”, usted necesita poner “bootstrap.min.css” y “respond.min.js” en su servidor. Básicamente “respond.min.js” no funciona correctamente en CDN y los servidores de los demás.

< Scripts >
Puede descargar scripts que utiliza HTML. Usted puede poner en su servidor y vuelva a colocar sendas de scripts.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap y Respond.js son necesarios para descargar de forma antigua de IE. Por favor, tenga cuidado. )

Hacer STINGER 3 (el tema de WordPress) compatible con WPML (plug-in multilingüe)

< ¿Cuál es WPML? >
Es un plugin para WordPress multilingüe. Utilizo WPML en este blog mecrazy.
Sitio oficial de WPML

< ¿Cuál es STINGER3? >
Este es un tema para WordPress. Tiene muchas funciones interesantes y sin plugin. Por ejemplo, snippet de inserción de anuncios (como Google Adsense) y los botones sociales de diseño fresco. Tengo muchas ganas de tratar de utilizar este tema.
Sitio oficial de STINGER3 (página Japonesa)

< Esperanza actividad suave >
El desarrollador de STINGER3 está demasiado ocupado para responder en Twitter, y no estoy seguro de que puede leer otros idiomas aparte del japonés. Si usted tiene alguna pregunta acerca de STINGER3, espero que encuentres la respuesta en Google o resolver los problemas por sí mismo.

< Para las personas que no saben leer japonés >
Sitio web oficial del STINGER3 está en japonés. Creo que es difícil encontrar un enlace de descarga del archivo zip tema. Usted debe encontrar la palabra japonesa “ダウンロード“. Significa descarga en español. Utilice CTRL + F encontrar esta palabra. Por favor, encontrar el nombre del archivo actual versión “stinger3ver20140327.zip”.

< Código para la compatibilidad >
El código de abajo dan compatibilidad WPML para 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>

< Cómo insertar este código? >
Hay 3 ejemplos de formas de insertar el código. Por favor, elija una de ellas. O si usted sabe cómo personalizar WordPress, puede insertar manualmente en su código PHP.

< Método – 1 >
Ir a [ Apariencia – Widgets ] de menú del administrador. Por favor, añada “Texto” a un área válida. Por favor, no ingresar el título, puesto que el guión sólo en forma detallada.

< Método – 2 >
Desarrollé un STINGER3 loves WPML plugin. Este plugin hace lo mismo que el “Método – 1”. Si usted encuentra errores, por favor informar o decirme sobre Github, Twitter o Google+.

< Método – 3 >
Usando WordPress Plugin “Wp Insert“. Se puede insertar código HTML en cualquier lugar de tu blog.

< después >
Creo que cada uno de los métodos no son tan difíciles. Pero la versión actual de STINGER3 no es compatible con los archivos de mo idioma. Sólo podemos traducir con Traducción de cadenas de WPML. Si tengo tiempo libre, me quieren desarrollar parche para STINGER3 compatible con archivos mo.

< Actualizado el 11 de junio 2014 >
Fijo – No puede manejar primer evento del grifo de Android o iOS navegadores. El código fuente de esta página y el plugin de WordPress en Github se actualizan.

Ejecución de WordPress en Android usando KSWEB

< Advertencia >
Usted necesita la habilidad para configurar la dirección IP pública de tu Android. Yo no escribo el procedimiento acerca de la configuración de red, ya que depende de su hardware de red, software y proveedor. Lo siento, pero lo comprobamos por favor en otro sitio web.

< Impresionante App para Android >
Hay una aplicación impresionante en Google Play. El nombre de la aplicación es KSWEB. Página del autor se aquí. Puede descargar desde esta página o Google Play.

< Requerimientos >
El desarrollador de KSWEB dice dispositivo Android con versión de SO 2.3.3 o superior y un procesador basado en ARM se requiere. Voy a tratar de ejecutar KSWEB en IS05 (viejo japonés de teléfonos inteligentes Android por SHARP) y el procedimiento en este post es acerca de este dispositivo. Pero tal vez KSWEB se puede ejecutar en tantos tipos de dispositivos Android. Por favor, inténtelo en cualquier dispositivo que tenga.

< Instalación desde Google Play >
(Si desea instalar de Google Play, por favor, siga este procedimiento.)
Sólo tiene que ir KSWEB – Google Play e instalar ella. Eso es todo lo de la instalación.

< Instalación desde el archivo APK >
(Si desea instalar de APK archivo, por favor, siga este procedimiento.)
Antes de instalar el archivo APK, es necesario cambiar la configuración de tu Android para las aplicaciones. Usted necesidad de permitir la aplicación se instala desde “unknown sources”(fuentes desconocidas). Después de eso, por favor visite http://kslabs.ru/download/ para descargar el archivo APK de KSWEB.
20140531-174245

< Descarga de WordPress >
Usted puede elegir “su descarga en Android directamente” o “descargar en PC y subirlo a Android”. He descargado en el PC de http://es.wordpress.org/. He instalado AirDroid a mi Android y visitado http://web.airdroid.com/ para cargar WordPress archivo ZIP en mi Android. Si usted quiere “descargar en Android directamente”, sólo tiene que visitar http://es.wordpress.org/ por su navegador de Android.

< Instalación extractor ZIP en tu Android >
Hay que extraer WordPress archivo ZIP en tu Android. He instalado AndroZip™ File Manager a mi Android . Pero hay muchos tipos de extractor ZIP en Google Play, usted puede elegir cualquier aplicación que desee.

< Extrae el archivo ZIP >
Puse el archivo ZIP “wordpress-3.9.1-es_ES.zip” en la raíz del directorio de la tarjeta SD. Después de que me extraigo directorio “wordpress” se hizo de forma automática.
20140601-193748

< Adición y activación de funciones opcionales >
Por favor, pulse [ TOOLS – WebFace – Start ] para permitir Interfaz Web KSWEB. Por favor, pulse [ TOOLS – Main – phpMyAdmin ] añadir phpMyAdmin. phpMyAdmin es para hacer una base de datos MySQL para WordPress, así que no es necesario. Usted también puede hacer una base de datos mediante script PHP.
20140530-002435

< Hacer una base de datos phpMyAdmin >
Por favor Acceso http://localhost:8000/ por sí mismo (Android) o http://< La dirección del Android locales IP >:8000/ de cualquier ordenador de la misma red.
phpMyAdmin_login
Puede iniciar la sesión como root sin contraseña. En mi imagen de ejemplo, he hecho un “wordpress” base de datos de WordPress.
phpMyAdmin_table

< Cambie el directorio raíz de WWW lighttpd >
Por favor, acceda http://localhost:8003/ por sí mismo (Android) o http://< La dirección del Android locales IP >:8003/ desde cualquier ordenador de la misma red. Es Interfaz Web KSWEB. Usuario predeterminado y la contraseña son admin.
KSWEB_Web_Interface
Por favor, haga clic en Server settings. Usted puede editar un archivo de configuración de lighttpd.
Por favor, encontrar una línea como la siguiente.

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

Ruta del directorio Cambio de esta línea a su raíz WordPress.
Mi nuevo ajuste está por debajo.

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

Después de cambiar el archivo de configuración, reinicie lighttpd o KSWEB.

< Puertos de lighttpd >
Ajuste de los puertos por defecto es como a continuación.
lighttpd_ports
Si desea cambiarlos, por favor, edite el archivo de configuración.

< No duerma! >
Teléfono inteligente Android Básicamente duerme automáticamente. Si usted quiere que funcione 24 horas, lo que necesita para mantenerlo lejos de dormir. Hay muchas aplicaciones para quedarse despierto en Google Play. Por favor, use StayAwake, KeepScreen o otra que encuentres en Google Play.

< Comience WordPress >
El siguiente paso es el mismo procedimiento de la instalación general de WordPress. Por favor, acceder a tu Android con su nombre de dominio. Instalación por defecto de WordPress se iniciará. Disfrute de su vida WordPress de ahorro energético.