PDF (adobe.com)

Extracción de JavaScript

JavaScript Extractor (JSE) elimina la mayor parte o la totalidad del código JavaScript del documento de Dreamweaver, lo exporta a un archivo externo y vincula el archivo externo al documento. JSE también puede eliminar del código manejadores de eventos, como onclick y onmouseover, y adjuntar de forma oportuna al documento el código JavaScript asociado a dichos manejadores.

Debe tener en cuenta las siguientes limitaciones de JavaScript Extractor antes de utilizarlo:

  • JSE no extrae etiquetas de script del cuerpo del documento (salvo en el caso de widgets de Spry). Existe la posibilidad de que, al externalizar estos scripts, se produzcan resultados inesperados. De manera predeterminada, Dreamweaver enumera estos scripts en el cuadro de diálogo Extraer JavaScript, pero no los selecciona para su extracción. (Si lo desea, puede seleccionarlos manualmente.)

  • JSE no extrae el código JavaScript de regiones editables de archivos .dwt (plantillas de Dreamweaver), de regiones no editables de instancias de plantillas ni de elementos de biblioteca de Dreamweaver.

  • Tras extraer el código JavaScript mediante la opción Extraer código JavaScript y adjuntar discretamente, ya no podrá editar comportamientos de Dreamweaver en el panel Comportamientos. Dreamweaver no puede inspeccionar y rellenar el panel Comportamientos con comportamientos que se han adjuntado discretamente.

  • No podrá deshacer los cambios después de cerrar la página. No obstante, podrá deshacer los cambios mientras permanezca en la misma sesión de edición. Seleccione Edición > Deshacer Extraer JavaScript para deshacer los cambios.

  • Es posible que determinadas páginas muy complejas no funcionen de la forma esperada. Tenga cuidado al extraer JavaScript de páginas con document.write() en el cuerpo y variables globales.

Para utilizar JavaScript Extractor:

  1. Abra una página que contenga JavaScript (por ejemplo, una página de Spry).

  2. Seleccione Comandos > Extraer JavaScript.

  3. En el cuadro de diálogo Extraer JavaScript, modifique las opciones prefijadas si es preciso.

    • Seleccione Extraer JavaScript solamente si desea que Dreamweaver traslade todo el código JavaScript a un archivo externo y que haga referencia a dicho archivo en el documento actual. Esta opción deja en el documento los manejadores de eventos, como onclick y onload, y mantiene visibles los comportamientos en el panel Comportamientos.

    • Seleccione Extraer código JavaScript y adjuntar discretamente si desea que Dreamweaver 1) traslade el código JavaScript a un archivo externo y haga referencia a él en el documento actual, y 2) elimine los manejadores de eventos del código HTML y los inserte en tiempo de ejecución mediante JavaScript. Cuando seleccione esta opción, no podrá editar los comportamientos en el panel Comportamientos.

    • En la columna Editar, anule la selección de aquellas modificaciones que no desee realizar o seleccione modificaciones que Dreamweaver no haya seleccionado de manera predeterminada.

      De manera predeterminada, Dreamweaver enumera pero no selecciona las siguientes modificaciones:

      • Bloques de script de la sección head del documento que contengan llamadas a document.write() o document.writeln().

      • Bloques de script de la sección head del documento que contengan firmas de función relacionadas con el código de manipulación de EOLAS, del que se tiene constancia que utiliza document.write().

      • Bloques de script de la sección head del documento, a no ser que los bloques sólo contengan constructores de widget de Spry o de conjuntos de datos de Spry.

    • Dreamweaver asigna automáticamente ID a los elementos que carezcan de ella. Si no desea estas ID, puede cambiarlas editando los cuadros de texto de ID.

  4. Haga clic en Aceptar.

    El cuadro de diálogo de resumen proporciona un resumen de las extracciones. Revise las extracciones y haga clic en Aceptar.

  5. Guarde la página.

Dreamweaver crea un archivo SpryDOMUtils.js, además de otro archivo que contiene el código JavaScript extraído. Dreamweaver guarda el archivo SpryDOMUtils.js en una carpeta denominada SpryAssets, incluida en el sitio, y guarda el otro archivo en al mismo nivel que la página de la que se ha extraído el código JavaScript. No olvide cargar ambos archivos dependientes en el servidor Web cuando cargue la página original.