Hvordan kan jeg åbne websider, der har less.js, i min pc-browser?

Tags:    html javascript

Hey

En web-designer har fået designet nogle HTML sider til mig, som kun kan køres på en web-server, og derfra kan jeg se dem med min browser.
Men jeg vil gerne se siderne på min egen webbrowser, også fordi jeg skal koble siderne sammen en backend ved bruge af Visual Studio 2010 sammen programmering af noget MasterPages.

Det jeg har set på HTML-siderne er less.js, hvilket jeg tror er nødvendigt at siderne køre på web-server, før det hele vises rigtigt. Og sidernes header kode i html'en ser sådan ud;

Fold kodeboks ind/udHTML kode 


Mit spørgsmål er hvad gøre jeg, hvis jeg vil have at det hele skal køres lokalt, så jeg udvikle dem videre sammen med backenden? På forhånd tak.





8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Der er en række forskelle når browseren henter en side over file:// protokollen frem for http:// protokollen. Fx fortolkes URL-adresser forskelligt. I den kode du har vist har du tre URL-adresser:

/mySite/system/css/resets.css
/mySite/system/css/main.less
/mySite/system/js/less.min.js

De starter alle med en skråstreg, hvilket betyder at de skal læses i forhold til http-serverens rod. Men da siden ikke hentes over http, giver det ikke mening. Du skal derfor rette de tre adresser til relative adresser.

Hvis du bruger Internet Explorer skal du derudover sørge for at HTML-filen har Mark of the Web. Du skal også sørge for at filerne ligger i tilladte undermapper i forhold til hinanden. Jeg kan ikke lige huske hvilke regler de forskellige browsere har på det område.

Men du siger at du allerede har fået Apache installeret lokalt, så hvorfor fortsætter du ikke bare med at bruge den? Det er da meget nemmere når nu du allerede har den installeret.



Hej,

Hvis der er tale om JavaScript, som det bestemt også ser ud til at være, så behøver det ikke nogen server for at blive eksekveret. JavaScript inkluderet på den måde som du viser der er clientside og afvikles altså af din browser. Men hvis de tilføjer decideret funktionalitet til din side, så skal du naturligvis huske at have dem med i din lokale version :)

Mvh.

Kasper (TSW)



Less.js kan findes her http://lesscss.org/



Hej igen,

Jeg takker for svarene, men mit problem er at jeg ikke ved hvordan jeg skal gøre det lokalt når siderne kan køre på en server.

Jeg har testet hele den pakke, som indeholder HTML siderne. Det jeg gjorde var at jeg hentede Apache ned på min computer, og så kørte jeg det som en server, hvor jeg puttede mapperne i det mappe som jeg har valgt til at være serverens root, så virker alle siderne normalt, når jeg åbner dem fra min browser via http://localhost tilgående.

Jeg tror at det den less.js er lavet til er for server og derfor kan køre på en server, jeg har søgt lidt på nettet om, hvordan jeg kunne løse problemet, jeg fandt noget med node.js som måske kan bruges til dette, men her er jeg heller ikke sikker på, om det er måden problemet kan løses.

Jeg håber nogen kan give mig nogle gode råde og vejledninger, på forhånd tak.





Hej

Mange browsere blokerer (avanceret?) javascript fra filer der er åbnet lokalt, dvs. igennem file:// protokollen og ikke http://.

Tjek din browsers sikkerhedsindstillinger. I Internet Explorer kan man vist sætte sikkerhedsniveauet til "Lavt".

Jeg stødte også ind i problemet tidligere på året, men fandt det nemmere at uploade filerne til en webserver end at danse med sikkerhedsindstillinger.



Indlæg senest redigeret d. 08.06.2011 12:56 af Bruger #4879
Hej Kristian

Jeg har lig prøvet det med sikkerhedsindstillingerne for mine webbrowser, FireFox4 og IE9. Men desværre ingen resultat.





Hej

Okay, beklager! Jeg beskylder det dog stadig for at være browserens sikkerhed, men hvordan man så lige ændrer den, det ved jeg desværre ikke.

Se evt. her: http://superuser.com/questions/89392/ie8-refuses-to-run-javascript-from-local-hard-drive
Svaret fra "AlexV" foreslår at tilføje et "Mark of the Web".



Hej Kristian, du skal ikke beklage, det er mig der beklager. Jeg fik prøvet at tilføje det mark de nævner, men ingen resultat.
Jeg kæmper videre :-)


Til dig Jesper, Hej;

Tak for vejledningen, det hjælp en del da jeg begyndte ændre i stien til filerne. Du har ret, siden filerne ikke ligger i en webserver, så skal stien passe i forhold til computerens klient browser.

Nu ser det til at fungere en del, men nogle af farverne passer ikke, og vises lidt forkert, måske skyldes det fejl i CSS filerne?

Men tak skal du have, jeg har løst det værste del af det. :-)



Indlæg senest redigeret d. 08.06.2011 23:12 af Bruger #15862
t