¿Puede f12 ver js comprimido con el compresor yui?
1. Acerca del compresor YUI
Compresor YUI: el compresor de JavaScript y CSS de Yahoo!
El compresor YUI es un compresor de JavaScript que, además de eliminar comentarios y espacios en blanco, ofusca las variables locales usando el nombre de variable más pequeño posible. Esta ofuscación es segura, incluso cuando se usan construcciones como 'eval' o 'with' (aunque la compresión no es óptima en esos casos). En comparación con jsmin, el promedio. el ahorro es de alrededor del 20%.
YUI Compressor también puede comprimir archivos CSS de forma segura. La decisión sobre qué compresor se utiliza se toma en función de la extensión del archivo (js o css).
Para aplicaciones AJAX que usan mucho JavaScript y CSS, si el tamaño de JavaScript y CSS es grande, llevará mucho tiempo transmitirlo al cliente y el rendimiento del sitio web será deficiente. Comprimir JavaScript y CSS es algo natural (la tasa de compresión de YUI Compressor es de aproximadamente el 20 %);
Eso es más o menos lo que significa, de hecho, sólo debemos prestar atención a lo que YUI Compressor puede lograr.
2. Construcción del entorno JAVA (JDK)
Descargue JAVA aquí:
/technetwork/java/javase/downloads/jdk7-downloads-1880260.
Los pasos para configurar las variables de entorno JDK son los siguientes:
1. Mi PC–>Propiedades–>Avanzado–>Variables de entorno.
2. variables de usuarios:
a. Cree un nuevo JAVA_HOME
C:\Program Files\Java\jdk1.7.0_11 (ruta de instalación de JDK)
b. la variable PATH Agregar después
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
3. Pruebe si la configuración de la variable de entorno es exitosa:
Inicio –> Ejecutar – 〉CMD
Escribiendo teclado: JAVA
Aparece el comando correspondiente en lugar de un mensaje de error, lo que significa que la configuración se realizó correctamente.
En este punto, las condiciones están listas.
3. Integración con el botón derecho con YUI Compressor
Baidu tiene muchos métodos para la integración con el botón derecho, incluido uno que introduce el uso de herramientas de menú de archivos. La operación es relativamente simple. , siempre que el software esté instalado y realice los ajustes pertinentes; sin embargo, durante las pruebas se descubrió que el nombre del archivo comprimido no era el ideal.
Finalmente, descubrí que "Agregar comando de clic derecho al compresor YUI" compartido por "Qiongtai Blog" es el más práctico y conveniente.
Si es necesario, puedes ir a Qiongtai; Blog para ver detalles Tutorial; la parte principal del tutorial se reproduce de la siguiente manera:
3. Descargue compresor.cmd y colóquelo en la carpeta D:\yuicompressor
4. un nuevo archivo compresor.reg e ingrese el siguiente contenido
p>
Editor del Registro de Windows versión 5.00
[HKEY_CLASSES_ROOT\AllFilesystemObjects\shell]
[ HKEY_CLASSES_ROOT\AllFilesystemObjects\shell\YUI Compressor]
[HKEY_CLASSES_ROOT \AllFilesystemObjects\shell\YUI Compressor\command]
@="D:\\yuicompressor\\compressor.cmd \" %1\""
5. Abrir con el compresor del Bloc de notas.cmd
Hay un "%JAVA_HOME%\bin\java.exe" -jar "%~dp0\build\ yuicompressor-2.4.7.jar" –charset UTF-8 "%~nx1 ″ -o “%RESULT_FILE%”
El build\yuicompressor-2.4.7.jar aquí significa yuicompressor-2.4.7 Archivo .jar en la ruta de compilación en relación con su ruta actual. Generalmente, descarga Después de la compresión, este archivo generalmente se coloca en el directorio de compilación y no es necesario modificarlo. Cabe señalar que el número de versión posterior corresponde al real. archivo.
Si descargaste la versión 2.4.2, el archivo en el directorio de compilación después de la descompresión debería ser yuicompressor-2.4.2.jar.
Lo último es –charset UTF-8. Aquí uso UTF-8 de forma predeterminada. Si usa GBK, cámbielo a –charset GB18030.
6. compresor.reg importa la información al registro y se completa la instalación. Haga clic derecho en un archivo JS o CSS y verá un menú. Solo necesita ejecutar lo siguiente para generar una versión comprimida.
Haga clic derecho en el archivo js y, en el menú emergente, habrá una opción de compresor YUI. Haga clic en él para comprimir el archivo seleccionado.