android - online - JSfiddle: ¿cómo crear proyectos multi-JS/CSS/HTML?

jsfiddle jquery

Question

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

Quiero crear aplicaciones móviles básicas basadas en HTML / CSS / JS, alrededor de 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 forma limpia de probar proyectos se limita a:

• 1 archivo html (personal)
• 1 archivo CSS (personal)
• 1 archivo JS (personal)
• varios recursos externos (CSS, JS libs, data) que le solicitan otro alojamiento web.

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

Answer 1

Puedes hacerlo dentro de un jsFiddle pero hay algunas limitaciones, y probablemente no estés satisfecho con él.

1. Puede probar solo 1 plantilla de páginas múltiples HTML. Pero en el caso del framework jQuery Mobile 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. No puedes usar el envío de formulario normal. En su lugar, debe usar ajax para sumbitar datos de formulario.

   En mi otra respuesta puede 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 quiera 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 en la que quieren evitar el uso de archivos HTML completos. Están tratando de hacer cumplir esto con estúpidas advertencias de error en la parte de contenido HTML. Deberás tener algo como el complemento Firebug para Firefox o Chrome para eliminar esta estupidez. O incluso puedes hacerlo con el complemento Grease Monkey.

4. En caso de que desee utilizar una plantilla HTML completa, como en este ejemplo: http://jsfiddle.net/Gajotres/yWTG2/ , deberá usar su código javascript en estado de encendido.

5. Algunas funcionalidades no van a funcionar. Como el evento window.orientationchange.