¿Cómo recargar / actualizar una página web sin salir de mi IDE de desarrollo web?


Creación de sitios web

Cuando compilo sitios web uso 2 monitores. Tengo mi IDE de desarrollo en el monitor principal y la página web abierta en la pantalla secundaria.

Me molesta que cada vez que necesito actualizar la página web tengo que ir a mi ratón, pasar a la otra pantalla y hacer clic en actualizar.

Me gustaría tener una tecla de acceso directo asignada para recargar la página web cuando lo necesite. De manera similar a como Winamp asigna teclas a funciones comunes como reproducir / pausar sucesivamente.

Mi investigación actual:

Firefox a través de la Línea de comandos

He descubierto que un proceso existente de FireFox se puede controlar desde la línea de comandos, sin embargo, lo mejor que puede hacer es crear una nueva ventana con una URL específica.

firefox -remote "openURL(www.mozilla.org, new-tab)"

La documentación está aquí: https://developer.mozilla.org/en/Command_Line_Options

Recargar cada

También hay una extensión de Firefox que actualizará la página web periódicamente. Sin embargo, esto resulta en un parpadeo constante de la página y también será un desperdicio de recursos.

Https://addons.mozilla.org/en-US/firefox/addon/115 /

Sin embargo, lo que realmente necesito es cualquiera....

  • Una tecla de acceso rápido global personalizable para Firefox / Chrome para recargar la pestaña seleccionada actual
  • Una extensión del navegador que podría ser disparada desde una tecla de acceso rápido global
  • Un comando para recargar la pestaña seleccionada actual desde la Línea de comandos que luego podría asignar a una tecla de acceso rápido (¿es ¿es posible agregar un comando remoto adicional con una extensión?)

¿Alguien sabe cómo pude hacer esto? ¡Gracias!

Author: Piotr Dobrogost, 2011-01-13

13 answers

En Windows XP, esto debería funcionar:

  • Crear un archivo VBS llamado refresh.vbs:

    Set WshShell = WScript.CreateObject("WScript.Shell") 
    WshShell.AppActivate("Firefox")
    WshShell.SendKeys "{F5}"
    WshShell.AppActivate("TextPad")
    
  • Cree un acceso directo a este archivo en su escritorio.

  • Haga clic derecho en el icono de acceso directo y vaya a Properties.

    • En la pestaña General, haga clic en el botón Cambiar junto a "Se abre con". Navegar a C:\WINDOWS\system32\cscript.exe Seleccione Host de Script Basado en Consola de Microsoft.

    • En la pestaña Shortcut, introduzca una tecla de método abreviado por ejemplo, CTRL + ALT + R. En el menú desplegable Ejecutar, seleccione Minimised.

Ahora, cuando se pulsa CTRL + ALT + R, se actualizará la pestaña actual en Firefox.

 18
Author: dogbane,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-17 10:04:37

Creé un applescript simple que configuré como una tecla de acceso rápido global usando Alfred.

Aquí está el applescript

tell application "Firefox"
    activate
    tell application "System Events"
        tell process "Firefox"
            keystroke "r" using {command down, shift down}
        end tell
    end tell
end tell

Si desea asegurarse de que el foco permanece en su editor, puede agregar estas líneas. Recuerde reemplazar Coda (mi editor de elección) a lo que sea que esté usando

tell application "Coda"
    activate
end tell
 11
Author: snowmonkey.no,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-03-08 15:14:22

Este es mi favorito bash one-liner:

while /bin/true ; do inotifywait --recursive --event modify ./ ; echo "reload" | nc -c localhost 32000 ; done

Utiliza Firefox Remote Control AddOn, que notifica sobre los cambios en y por debajo de los archivos de directorios actuales. Por lo tanto, todo lo que necesita es guardar cualquier archivo en el proyecto y en el mismo momento en que se recarga la pestaña actual de Firefox. Este es unix-ish, debería funcionar en Linux + Mac si tiene inotify, no funcionará en Windows sin adaptaciones.

 11
Author: Ludwig,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-05-24 14:33:11

Existe una herramienta para Windows llamada Autohotkey que permite automatizar casi todo mediante el envío de códigos clave y clics del ratón. Puede escribir un script que localice la ventana de su navegador y enviar el código clave para F5. Asigne este script a una tecla de acceso rápido global y habrá terminado.

Para volver a su ventana anterior, su script tendría que recordar la ventana seleccionada actualmente, actualizar el navegador y volver a poner el foco en la ventana recordada.

 6
Author: speedball2001,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-14 10:14:12

Seguro que hay teclas de acceso rápido disponibles, especialmente si el IDE y el navegador son los únicos programas entre los que está cambiando.

alt+tab f5 alt+tab

Cambia a su navegador, lo vuelve a cargar y cambia de nuevo. Mucho más rápido que mousing, y no necesita preocuparse por las teclas de acceso rápido globales o el software adicional para instalar.

 5
Author: Josh Smeaton,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-13 14:02:57

Hay una solución mucho mejor para esto, pero a un costo de complejidad enormemente mayor.

Selenio (seleniumhq.org) puede hacer lo que usted pide. Se trata de un marco de prueba de navegador de código abierto que, entre muchas cosas, le permite controlar una ventana del navegador de forma remota.

Si Selenium suena como algo que te gustaría meter en el cerebro de todos modos, también podrías aprenderlo; si no, me quedaría con scripts WSH y Autohotkey.

 4
Author: Undoware,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-08-09 20:41:13

Esto realmente no responde a su pregunta, pero tal vez hace su vida un poco más fácil;)

Acabo de encontrar Stylebot. Aunque no tiene ninguna finalización automática y esas cosas, puede ayudarte con el CSS.

Aquí hay una captura de pantalla. La barra lateral es Stylebot. Tiene un modo de edición básico donde puede editar rápidamente algunas propiedades simples, un modo avanzado donde puede editar el CSS plano para el elemento seleccionado y con "Editar CSS" puede editar todo el CSS para pagina.

introduzca la descripción de la imagen aquí

 4
Author: dAnjou,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-09-14 20:56:32

Utilizo el teclado ergonómico MS que tiene una función key-macro. Programé la solución Joshs en ella y funciona bien, solo tienes que asegurarte de que el navegador sea la próxima aplicación cuando cambies con alt-tab. Hay una herramienta genial llamado XRefresh eso es casi todos los desarrolladores sueño-no funciona con Firefox 4 aunque.

Editar: Pero hay un addon "Auto Reload" que hace exactamente lo que necesitamos: usted especifica una o varias carpetas (o archivos) y firefox se actualiza cada vez uno de los archivos dentro de los cambios.

Editar (2013): PhpStorm tiene una función de actualización automática para Google-Chrome. Es impresionante: usted ve la página web chnge como usted escribe (!) en el IDE. Tienen una edición comunitaria gratuita para desarrolladores de software de código abierto.

 4
Author: Johanness,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-05-17 10:19:51

Gracias a dogbane y a todos por compartir.

Trabajar con Windows 7 puede actualizar su navegador

Crear .bat archivo y ejecutar

%windir%\SysWOW64\wscript.actualización exe.vbs

Y ejecutar .bat con "Ejecutar como administrador"

No se puede usar CreateObject desde scripts VB en Windows 7 x64

:)

 2
Author: Mean,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:26:14

La solución VBScript no funciona con el navegador Google Chrome en Windows 7. A continuación se muestra una solución que funciona increíblemente bien con cualquier navegador (simplemente ajuste la cadena ititle) y el IDE de Eclipse utilizando una pequeña utilidad de NirSoft ( http://www.nirsoft.net/).

  • Descargar NirCmd y extraer 'nircmd.exe ' en algún lugar de su proyecto (su BESO de esta manera).
  • Crea el siguiente 'nircmd-chrome-focus+f5.bat ' archivo por lotes en algún lugar de su proyecto:

    ECHO Off
    REM This little batch files calls the awesome nircmd utility to focus Chrome window send an F5 and swtich
    REM back to Eclipse. This is no longer possible with VBScript in WIN7 as Chrome can only be focused but won't 
    REM accept key sends unless a click is made. Seriously donate to the NirSoft for making this tool. 
    
    %~dp0nircmd.exe win activate ititle "- Google Chrome"
    %~dp0nircmd.exe win max ititle "- Google Chrome"
    %~dp0nircmd.exe sendkey f5 press
    %~dp0nircmd.exe win activate ititle "- Eclipse"
    %~dp0nircmd.exe win max ititle "- Eclipse" 
    
    
  • Agregue el archivo por lotes como constructor de proyecto 'Proyecto > Propiedades > Constructor > Nuevo' y asegúrese de que 'Proyecto > Construir automáticamente' y 'Opciones de compilación' > 'Durante las compilaciones automáticas' estén seleccionadas. Vea la siguiente captura de pantalla para una idea.

 2
Author: Daniel Sokolowski,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-26 21:11:26

En Windows: Simplemente presione Alt + F5 y hágalo. Esta solución funciona con más de un navegador simultáneamente y probablemente con cualquier Editor / IDE. Fue probado con (jEdit, Eclipse, Notepad++)

Para lograr eso, instale AutoHotkey y ejecute el script a continuación (copie en un archivo de texto y cambie la extensión a .ahk). Hay una versión portable aquí . Fue probado con la versión AutoHotkey es 1.0.48.05

Esta solución es bastante flexible ya que puede cambiar Claves, editores, Navegadores y todo lo demás. Viene preconfigurado para navegadores Firefox e IE y jEdit, editores Eclipse, pero puede personalizar fácilmente esta lista.

El varTextEditor y varBrowsers fueron descubiertos usando la utilidad "WindowSpy" que viene incluida en AutoHotkey.

;###############################################################################
; Save all unsaved documents, refresh all opened browsers and return to text editor
;###############################################################################
!F5::
    ;Configuration vars. Edit here the settings of this script
    ;               jEdit       Eclipse
    varTextEditor = SunAwtFrame,SWT_Window0
    ;varBrowsers = MozillaUIWindowClass,MozillaWindowClass,Chrome_WidgetWin_0,IEFrame,OpWindow,{1C03B488-D53B-4a81-97F8-754559640193}
    ;             Firefox3             Firefox4            Chrome             IEca    Opera    Safari
    varBrowsers = MozillaWindowClass,IEFrame
    ;End of configuration vars.

    WinGetClass, thisWindowClass, A ;Get the active window class

    if (InStr(varTextEditor, thisWindowClass, true, 1) > 0) { ;true = case sensitive
        varTextEditorClass = ahk_class %thisWindowClass%
        if (thisWindowClass = "SunAwtFrame") {
            OutputDebug, ...Saving everything
            ; SetKeyDelay, 100, 100, Play
            Send ^+s  ;Ctrl + Shift + S = Save all
        } else if (thisWindowClass = "SWT_Window0") {
            SendPlay ^s ;Ctrl + S = Save
        }
        Sleep, 500 ;Give some time to the data be recorded on hard disk
    } else {
        MsgBox, 0, Ops!, You must be in on these text editors: (%varTextEditor%) to get this script running, 5
        return
    }

    ;Refresh all opened (and maximized) browsers
    Loop, parse, varBrowsers, `,
    {
        varClasseBrowser = ahk_class %A_LoopField%
        if WinExist(varClasseBrowser) {
            WinGet, winState, MinMax, %varClasseBrowser% ;get window state. -1 = minimized
            if (winState != -1) {
                WinActivate, %varClasseBrowser%
                OutputDebug, ...Refresh browser %A_LoopField%
                Send, {F5}
            }
        }
    }
    ;Return to text editor
    WinActivate, %varTextEditorClass%
return

 2
Author: margenn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-08-25 23:56:07

Http://www.livereload.com/

LiveReload supervisa los cambios en el sistema de archivos. Tan pronto como guarde un archivo, se procesa previamente según sea necesario y se actualiza el navegador.

Aún más fresco, cuando se cambia un archivo CSS o una imagen, el navegador se actualiza al instante sin recargar la página.

 0
Author: datashaman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-05-30 08:05:59

Hay otra solución para esto.

Instale el complemento FF-Remote-Control en FireFox que le permitirá enviar comandos al complemento desde otra máquina a través de la red. Las instrucciones para integrarlo con VIM están en la documentación que también se puede usar como plantilla para la integración con otros editores. Aunque solo funciona con FF.

 0
Author: Hari Mahadevan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-11-17 03:21:38