JSfiddle: cómo crear proyectos multi-JS / CSS / HTML proyecto?

¿Hay una manera de crear un serio proyecto HTML / CSS / JS con múltiples archivos HTML, CSS, JS en JSfiddle.net? Si es así, ¿cómo hacerlo?


Quiero crear una base de aplicaciones móviles basadas en HTML / CSS / JS, una docena de archivos HTML / CSS / JS. Me gustaría desarrollarlo todo en JSfiddle, mi IDE de JavaScript en línea favorito. Pero JSfiddle.net mientras que una manera limpia de probar proyectos permanece limitada a:

  • 1 archivo html (personal)
  • 1 archivo CSS (personal)
  • 1 archivo JS (personal)
  • Varios recursos externos (CSS, JS libs, datos) que le solicitan otra webhosting.

El documento oficial que sugiere que Github aloja para 1HTML / 1JS / 1CSS / someDataFiles no es satisfactorio. Ojalá todos en JSFiddle, y más archivos en mi proyecto.

One Solution collect form web for “JSfiddle: cómo crear proyectos multi-JS / CSS / HTML proyecto?”

Usted puede hacerlo dentro de un jsFiddle pero hay pocas limitaciones, y es probable que no va a estar satisfecho con él.

  1. Sólo puede probar una plantilla HTML de varias páginas. Pero en el caso de jQuery Mobile marco esto será suficiente, ya que puede colocar numerosas páginas jQM dentro de un archivo de 1 html.

    Por ejemplo, esta es mi plantilla jsFiddle al ayudar a este grupo: http://jsfiddle.net/Gajotres/yWTG2/

  2. Usted no puede utilizar el formulario normal de presentación. En su lugar, debe utilizar ajax para sumar datos de formulario.

    En mi otra respuesta puedes encontrar soluciones para el envío de formularios ajax y cómo enviar parámetros durante la transición de página: jQuery Mobile: Envío de datos de una página a otra

    En caso de que desee comunicarse con un host remoto:

    var ajax = { sendRequest:function(save_data){ $.ajax({url: 'http://localhost/JSONP_Tutorial/json.php', data: save_data, async: true, beforeSend: function() { // This callback function will trigger before data is sent $.mobile.showPageLoadingMsg(true); // This will show ajax spinner }, complete: function() { // This callback function will trigger on data sent/received complete $.mobile.hidePageLoadingMsg(); // This will hide ajax spinner }, success: function (result) { if(result == "true") { $.mobile.changePage( "#index", { transition: "slide"} ); // In case result is true change page to Index } else { alert('Login unsuccessful, please try again!'); // In case result is false throw an error } // This callback function will trigger on successful action }, error: function (request,error) { // This callback function will trigger on unsuccessful action alert('Network error has occurred please try again!'); } }); } } 
  3. JsFiddle tiene una política estúpida donde quieren evitar el uso de archivos HTML completos. Están tratando de hacer cumplir esto con advertencias de error estúpido en la parte de contenido HTML. Usted tendrá que tener algo como firebug plugin para Firefox o Chrome para eliminar esta estupidez. O incluso puede hacerlo con Grease Monkey plugin.

  4. En caso de que desee utilizar la plantilla completa HTML como en este ejemplo: http://jsfiddle.net/Gajotres/yWTG2/ tendrá que utilizar su código javascript en el estado onDomready.

  5. Algunas funcionalidades no van a funcionar. Al igual que el evento window.orientationchange.

  • Android ListView: obtenga una distancia de desplazamiento
  • La consola de Eclipse muestra: 'Error al pulsar la selección: sistema de archivos de sólo lectura' cuando intento empujar un archivo
  • XPCOM y Firefox móvil
  • Plugin de androide phonegap ActionBar wrapper
  • Cómo poner la autenticación de usuario en una aplicación móvil
  • ¿Implementar aplicaciones WebGL como aplicaciones nativas de iOS o Android?
  • ¿Por qué utilizar sqlite Database en Android?
  • Desarrollo multiplataforma HTML5 móvil con una sola base de código, incluyendo servidor de aplicaciones y bibliotecas de clientes nativos?
  • Android: securityException: "el destino debe estar en el almacenamiento externo"
  • Parse crash en la creación de usuario
  • Impresión desde la web en Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.