Comment recharger/rafraîchir une page Web sans quitter mon IDE de développement web?

Construire Des Sites Web

quand je construis des sites Web, j'utilise 2 moniteurs. J'ai mon IDE de développement sur le moniteur principal et la page web ouverte sur l'écran secondaire.

je suis ennuyé que chaque fois que j'ai besoin de rafraîchir la page web, Je dois aller à ma souris, passer à l'autre écran et cliquer rafraîchir.

j'aimerais avoir une clé de raccourci mappée pour recharger la page Web quand j'en ai besoin. De la même manière que Winamp maps les clés des fonctions courantes telles que play / pause, etc.

Mes recherches actuelles:

Firefox via la Ligne de Commande

j'ai découvert qu'un processus FireFox existant peut être contrôlé depuis la ligne de commande, mais le mieux qu'il puisse faire est de créer une nouvelle fenêtre avec une URL spécifique.

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

la documentation est ici: https://developer.mozilla.org/en/Command_Line_Options

Recharger Chaque

il y a aussi une extension firefox qui rafraîchira la page Web périodiquement. Cependant il en résulte une constante scintillement de la page et sera également un gaspillage de ressources.

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

cependant, ce dont j'ai vraiment besoin est l'un ou l'autre....

  • Une touche d'accès rapide personnalisable pour Firefox / Chrome pour recharger l'onglet courant sélectionné
  • Une extension de navigateur qui peut être tiré à partir d'une touche d'accès rapide
  • une commande pour recharger l'onglet sélectionné en cours de la ligne de commande que je pourrais alors mapper à un hotkey (est-il possible d'ajouter une commande à distance supplémentaire avec une extension?)

est-ce que quelqu'un sait comment je pourrais faire ça? Merci!

27
demandé sur Piotr Dobrogost 2011-01-13 15:39:52

13 réponses

dans Windows XP, cela devrait fonctionner:

  • créer un fichier VBS appelé refresh.vbs :

    Set WshShell = WScript.CreateObject("WScript.Shell") 
    WshShell.AppActivate("Firefox")
    WshShell.SendKeys "{F5}"
    WshShell.AppActivate("TextPad")
    
  • créez un raccourci vers ce fichier sur votre bureau.

  • cliquez avec le bouton droit de la souris sur l'icône du raccourci et passez à Properties .

    • dans l'onglet General , cliquez sur le bouton Changer à côté de "S'ouvre avec". Parcourir vers C:\WINDOWS\system32\cscript.exe Sélectionnez Microsoft Console Based Script Host.

    • dans l'onglet Shortcut , entrez une touche de raccourci E. g CTRL + ALT + R . Dans la liste déroulante, sélectionnez Minimised .

Maintenant, lorsque vous appuyez sur CTRL + ALT + R , il va rafraîchir l'onglet de Firefox.

18
répondu dogbane 2011-01-17 10:04:37

j'ai créé un applescript simple que j'ai mis en place comme un hotkey global en utilisant Alfred .

Voici l'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 vous voulez vous assurer que la mise au point reste dans votre éditeur, vous pouvez ajouter ces lignes. N'oubliez pas de remplacer Coda (mon éditeur de choix) à ce que vous utilisez

tell application "Coda"
    activate
end tell
11
répondu snowmonkey.no 2012-03-08 15:14:22

C'est mon préféré Bash one-liner:

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

il utilise Firefox Remote Control AddOn , qu'il notifie les changements dans et sous les fichiers répertoires courants. Donc tout ce dont vous avez besoin est de sauvegarder n'importe quel fichier dans le projet et au même moment L'onglet Firefox actuel est rechargé. Celui-ci est unix-ish, devrait fonctionner sur Linux+Mac si vous avez inotify, ne fonctionnera pas sur Windows sans adaptations.

11
répondu Ludwig 2012-05-24 14:33:11

il existe un outil pour Windows appelé Autohotkey qui vous permet d'automatiser presque tout en envoyant des keycodes et des clics de souris. Vous pouvez écrire un script qui localise la fenêtre de votre navigateur et envoyer le code pour F5. Assignez ce script à un hotkey global et c'est fini.

pour revenir à votre fenêtre précédente, votre script doit se souvenir de la fenêtre actuellement sélectionnée, rafraîchir le navigateur et remettre le focus sur la fenêtre rappeler fenêtre.

6
répondu speedball2001 2011-01-14 10:14:12

il y a certainement des touches de raccourci disponibles, surtout si L'IDE et le navigateur sont les seuls programmes entre lesquels vous passez.

alt+tab f5 alt+tab

se connecte à votre navigateur, le recharge et le renvoie. Beaucoup plus rapide que mousser, et vous n'avez pas besoin de vous soucier de global hotkeys, ou de logiciels supplémentaires à installer.

5
répondu Josh Smeaton 2011-01-13 14:02:57

il y a une bien meilleure solution à cela, mais au prix d'une complexité considérablement accrue.

sélénium (seleniumhq.org) peut faire ce que vous demandez. C'est un cadre de test de navigateur Open Source qui, entre autres choses, vous permet de contrôler une fenêtre de navigateur à distance.

si le sélénium sonne comme quelque chose que vous voudriez entrer dans votre cerveau de toute façon, vous pourriez aussi bien l'apprendre; sinon, je m'en tiendrais aux scripts WSH et à L'Autohotkey.

4
répondu Undoware 2011-08-09 20:41:13

Ce n'est pas vraiment répondre à votre question, mais peut-être fait votre vie un peu plus facile ;)

je viens de trouver Stylebot . Bien qu'il n'ait pas d'achèvement automatique et des trucs, il peut vous aider avec le CSS.

Voici une capture d'écran. La barre latérale est Stylebot. Vous avez un mode d'édition de base où vous pouvez éditer rapidement quelques propriétés simples, un mode avancé où vous pouvez éditer le CSS élément sélectionné et avec" éditer CSS " vous pouvez éditer l'ensemble CSS pour la page.

enter image description here

4
répondu dAnjou 2011-09-14 20:56:32

J'utilise un clavier MS ergonomique qui a une fonction de macro-touche. J'ai programmé Joshs solution en elle et il fonctionne bien, vous avez juste à s'assurer, le navigateur est la prochaine application lors de la commutation avec Alt-tab. Il ya un outil cool appelé XRefresh thats à peu près tous les rêves de développeurs - ne fonctionne pas avec firefox 4 cependant.

Edit: Mais il est un addon "Recharger" qui fait exactement ce dont nous avons besoin: vous spécifiez un ou plusieurs dossiers (ou fichiers) et firefox se rafraîchit à chaque fois qu'un des fichiers à l'intérieur change.

Edit (2013): PHPStorm dispose d'une fonction de rafraîchissement automatique pour Google-Chrome. Son impressionnant: vous voyez la page Web chnge que vous tapez (!) in the IDE. Ils ont une édition de communauté libre pour les développeurs de logiciels OpenSource.

4
répondu Johanness 2013-05-17 10:19:51

Merci dogbane et tous pour le partage.

travailler avec Windows 7 vous pouvez rafraîchir votre navigateur

créer .fichier bat et exécuter

%windir % \SysWOW64\wscript.exe actualiser.vbs

et exécutez .chauve-souris avec "Exécuter en tant qu'administrateur"

ne peut pas utiliser CreateObject à partir de scripts VB sur Windows 7 x64

:)

2
répondu Mean 2017-05-23 12:26:14

la solution VBScript ne fonctionne pas avec Google Chrome browser sous Windows 7. Ci-dessous une solution qui fonctionne étonnamment bien avec n'importe quel navigateur (il suffit d'ajuster la chaîne ititle ) et L'IDE Eclipse en utilisant un petit utilitaire de NirSoft ( http://www.nirsoft.net / ).

  • Télécharger NirCmd et extrait de 'nircmd.exe " quelque part dans votre projet (son BAISER de cette façon).
  • créer le suivant " nircmd-chrome-focus+f5.le fichier batch quelque part dans votre projet:



    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" 
    
    
  • ajouter le fichier batch en tant que Project builder 'Project > Properties > Builder > New' et s'assurer que 'Project > Build Automatically' et 'Build Options' > 'During auto builds' sont sélectionnés. Voir la capture d'écran ci-dessous pour une idée.



2
répondu Daniel Sokolowski 2013-03-26 21:11:26

dans Windows: appuyez simplement sur Alt + F5 et faites-le. Cette solution fonctionne avec plus d'un navigateur simultanément et probablement avec n'importe quel éditeur/IDE. Il a été testé avec (jEdit, Eclipse, Notepad++)

pour ce faire, installez AutoHotKey et lancez le script ci-dessous (copiez dans un fichier texte et changez l'extension en .ahk). Il existe une version portable ici . Il a été testé avec la version AutoHotKey est 1.0.48.05

cette solution est assez flexible car vous pouvez changer les clés, les éditeurs, les navigateurs et tout le reste. Il vient préconfiguré pour Firefox et IE navigateurs et jEdit, Eclipse éditeurs, mais vous pouvez facilement personnaliser cette liste.

le varTextEditor et varBrowsers ont été découverts en utilisant L'utilitaire" WindowSpy " qui est livré dans 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
répondu margenn 2014-08-25 23:56:07

http://www.livereload.com/

LiveReload surveille les changements dans le système de fichiers. Dès que vous enregistrez un fichier, il est pré-traité au besoin, et le navigateur est mis à jour.

encore plus cool, lorsque vous changez un fichier CSS ou une image, le navigateur est mis à jour instantanément sans recharger la page.

0
répondu datashaman 2014-05-30 08:05:59

il y a une autre solution.

installez le FF-Remote-Control plugin dans FireFox qui vous permettra d'envoyer des commandes au plugin à partir d'une autre machine via le réseau. Instructions sur l'intégration avec VIM sont dans la documentation qui peut être utilisé comme un modèle pour l'intégration avec d'autres éditeurs. Fonctionne uniquement avec les FF.

0
répondu Hari Mahadevan 2014-11-17 03:21:38