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.

  • ¿Cómo reproducir vídeos en una tableta Android con adobe air mobile sin ellos ser agitado?
  • ¿La vista Web de Android admite CSS3 WebKit Animations?
  • Ocultar barra Tablayout en android
  • Móvil Barrera de acceso al desarrollo
  • Un APK que inicia una actividad diferente si su móvil o tablet (Android 2.1+)
  • CSS específico del navegador para navegadores móviles
  • Secretos de OAuth en aplicaciones para móviles
  • Parse crash en la creación de usuario
  • API de servidor para aplicaciones móviles
  • ADB no reconoce Nexus 4 - más consejos
  • El selector de fechas HTML5 se abre sólo en el segundo clic
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.