gratis - desactivar javascript chrome

Deshabilitar la edición de scripts en las herramientas de desarrollo de Chrome

Question

Utilizo las herramientas de desarrollo de Chrome para depurar mi código JavaScript, pero tengo un motivo especial con la forma en que Chrome te permite editar los archivos JavaScript en la pestaña Scripts. A veces, no me doy cuenta de que estoy en Chrome y comienzo a realizar cambios en el código en la pestaña Scripts, ¡solo para darme cuenta de que cuando actualizo los cambios que acabo de hacer nunca se guardaron en el disco!

Me preguntaba si hay alguna manera de hacer que el código que se muestra en la pestaña Scripts sea de solo lectura, de modo que si intento editar el archivo en Chrome, veré que no es editable y luego me daré cuenta de que no estoy IDE.

Answer 1

Por lo que sé, no hay opción para deshabilitar la edición de scripts en las herramientas de desarrollo de Chrome / WebKit.

A continuación se presentan dos tres posibles soluciones:

Solución 1:

Haga una extensión que muestre una alerta cada vez que realice una edición:

JavaScript:

chrome.devtools.inspectedWindow.onResourceContentCommitted.addListener(function(resource, content) {
    alert("WARNING: Your changes will not be saved!!");
    // Optional, but and extra layer of "protection", if you don''t want/need it just remove the "experimental" permission from the manifest
    if (chrome.experimental) {
        chrome.experimental.devtools.console.addMessage("error", "WARNING: Your changes will not be saved!!");
        // Shows in red
    }
});

Extensión (sin empaquetar, primero habilite las API de extensión experimental en chrome: // flags): http://www.mediafire.com/?wb1r67ron0x6szh

Solución 2:

Modifique la fuente y ejecute una compilación personalizada:

La otra opción sería modificar el origen de las herramientas del desarrollador, consulte https://developers.google.com/chrome-developer-tools/docs/contributing para obtener más detalles. Si lo hizo, todo lo que debe hacer es eliminar la clase text-editor-editable en el editor de texto (línea 1279, DefaultTextEditor.js ).

Solución 3:

Haz que Chrome guarde automáticamente tus archivos:

La tercera opción sería permitir que Chrome guarde sus archivos, hay varias extensiones que hacen esto, a saber, Tincr . Tincr también le permite volver a cargar sus archivos en vivo y ofrece resaltado de sintaxis completo.

Mi opinión personal es que esta es la mejor solución.

Answer 2

Use el siguiente proceso para hacer que la fuente del script sea de solo lectura en Chrome 32+:

• Vaya a la URL de chrome: // flags / # enable-devtools-experimentos

• Seleccione Permitir temas de interfaz de usuario

• Abrir Chrome Dev Tools

• Seleccione Configuración (Presione F1 o haga clic en los tres puntos en el extremo derecho)

• Seleccione Permitir temas de interfaz de usuario

• Crea un tema de DevTools con el siguiente estilo:

  .content-view.script > .text-editor { -webkit-user-modify: read-only !important; }

• Publícalo en la Chrome Web Store.

• Instalar el tema

• Reiniciar chrome

Referencias

• Custom.css ha dejado de funcionar en 32.0.1700.76 m actualización de Google Chrome
• Ejemplo de extensión de tema de DevTools
• Chrome Developer Edition Dark Theme para Chrome Dev Tools
• WebCore Inspector Script vista de contenido
• Directorio de datos de usuario de Chromium

Utilice el proceso anterior para Chrome 31-:

Use una hoja de estilo del usuario para deshabilitar la pestaña del script por completo:

.toolbar-item.scripts { display:none !important; } /* Hide Scripts Tab */

O simplemente haga que la fuente del script sea de solo lectura:

.text-editor-editable { -webkit-user-modify: read-only !important; } /* Old selector */
.content-view.script > .text-editor { -webkit-user-modify: read-only !important; } /* Older selector */
.editing { -webkit-user-modify: read-only !important; } /* Generic Selector */

Aquí hay varias ubicaciones posibles del archivo:

• Windows 7 Chromium:
  • %LOCALAPPDATA%/Chromium/User Data/Profile 1/User StyleSheets/Custom.css
• Windows 7 Chrome:
  • %LOCALAPPDATA%/Google/Chrome/User Data/Default/User StyleSheets/Custom.css
• OSX Chrome:
  • /Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
• Ubuntu Chrome:
  • ~/.config/chromium/Default/User/ StyleSheets/Custom.css

Utilice la siguiente URL de Chrome Devtools para hacer referencia a los estilos relevantes:

chrome-devtools: //devtools/devTools.css