PHP Live Preview

I have my project folder set up correctly with the link to my localhost and everyting. When I click the live preview link, it does bring up the correct page.
However, it does not stay linked. I then have to either click the preview button again and open the page in another tab, or refresh the currently open one.
Is that as far as the php support goes, or will it support a constant preview link in the future, as well as the css highlighting in the browser window?
I really like being able to see where all my changes are gonna happen when I edit a css rule, but would not want convert all my php files (I am only using include tags) to html while I am doing this site overhaul.
*side note* I am taking an existing site and adding in responsive capability, which is why the live preview and css rule highlighting is so useful, if I was just making minor changes, it would not be such a big deal, but with a project like this it is really adding extra time in the long run.

It is not colored in at all.
I will click the lightningbolt and it will open the page, but the bolt goes back to being completly gray.
On HTML pages it will stay colored in fully, but not for my php files.
Also, quite frequently, if I leave the php file and switch over to say a css file, when I return (even tho it is not connected via live preview) it will close the browser tab completly. and I will have to reopen it.

Similar Messages

How do I properly set up Live Previewing (Brackets)

I just recently came across Bracket and I am super excited about it and can't wait to dive in. My problem right out the gate is I can't for the life me configure the Live Previewing to work properly. That is why I am here. I have read
Here is what I have done with my limited knowledge concerning setting up local hosting. ( I have always used Dreamweaver and never had to do this before)
I downloaded MAMP to create a localhost, I moved my website folder and files into the MAMP htdocs folder and labeled it AWD. If I type in local host in my browser it pulls up INDEX of/ AWD/ (folder), if I click on the folder it downloads a blank file, and that is it.
I have tried:
file:///C:/MAMP/htdocs/AWD/ - File not supported needs to be http:// (if I type this into my browser the site shows)
http://C:/MAMP/htdocs/AWD/ - This website is not available
http://localhost/MAMP/htdocs/AWD/ - Not Found
I found this on this Forum but can't make sense of the information.
I look forward to any and all help! Thank you for your time!

Hey Ryan,
First off, thank you for your help, I appreciate it. To answer your question no both http://localhost:8080/AWD/ and http://localhost:8888/AWD/ do not work. If I type just localhost in my Chrome Browser it takes me to an INDEX of / page and has one directory listed AWD. When I click on the AWD it proceeds to download a blank file.
One of the only things that has worked was typing file:///C:/MAMP/htdocs/AWD/ in my browser, which isn't supported in Brackets. I can type that in and it takes me to the overall AWD Directory and I can see all of my files. If I click on one of my PHP files it will show the page.

I keep getting an internal server error when I try to load pages in live preview in edge code...

I keep getting this message every time I try to laod a page using live preview in Edge Code with Google chrome...
"The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, [email protected] and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log."
I'm using google chrome Version 33.0.1750.152. I'm running mac osx 10.9.2. I've installed Apache.
in the project settings I have this url... http://127.0.0.1/~spencer/butterville_website/
I had this working flawlessly with an earlier version of a website I was working on. I haven't changed any settings, the only thing that has changed is that I'm working with a new sub folder in the root directory. Every time I try to load the page, I get that error message. I can't figure out what I'm doing wrong. Please help! Thanks.

This query seems to be related to Edge Code. you can get help from this forum.
Also EdgeCode doesn't have troubleshooting page but you can get help from Brackets trouble shooting page.

How do I live preview a Ruby on Rails/Ember application?

I have a Ruby on Rails application and I am under the impression that Edge Code will work with locally hosted web servers to use live preview. I have set up the project settings to use the locally hosted address: http://localhost:3000/ ... However when I use Live Preview I receive the following error.
"Open an HTML file or make sure there is an index.html file in your project in order to launch live preview."
I have done so and I meet the criteria but it doesn't seem to work. Does Adobe Edge Code support this feature?

What's the file extension of the page you want to view in Live Preview? You may need to add it to the internal (not yet easily configurable) list of file extensions.
Randy

Live Preview Highlight is not working.

I recently downloaded Edge Code to a new work computer and the Live Preview Highlight is not working.
I have Edge Code installed on a personal computer, and it works great. The version I am using was downloaded about 6 months ago so I am not sure if they changed something with the most recent version. When I highlight a section within the html i.e. a table or row, it would highlight those same sections in the preview. However, this is not the case on my new computer.
Anybody know whats up? Is it setting on Chrome that I need to change or is there some update that I am not aware of.

I guess I assumed that you had Chrome setup to auto-update (like I have it). The only way Live Preview will work in a previous version of Edge Code is with an older version of Chrome.
But there are other reason why Live Preview may not work in latest version of Edge Code. Take a look at Live Preview section of Troubleshooting Guide.
Randy

Live-preview of .dwt template does not work

Hi,
I set up a html page in DW and converted it to a template using insert > template > convert (make) to template (I use the german version of DW, dont know whether this is the right translation). Now my file has an .dwt ending. After having inserted the {tag_pagecontent} I uploaded the file to the Templates folder of BC. Now I am working on the template, but live preview doesn't work. It says:
The path is: mywebsite.business-catalyst.com/Templates/mainDesktop.dwt
How can I use the live preview when working on a template?
Regards, Citzwerth

Hi Peter,
Please copy/paste the problematic slide in a new responsive project and verify if the issue still exists in preview?
If yes, can you please upload the new project to dropbox.com and email me the download link?
Regards,
Hari

Report margin is different in Live Previewer and AP

Hi, expert:
I am using Report 6i and have encountered a problem of margin.
I created a report and in "Layout Model" I draged the borders to maximun the body part.
(Because I don't want my report has any margin).
It works fine when I use Live Previewer to see the result.
The result appears in the first line of window and there are no top and left margin.
However, after I launch my report to AP(financial module) and run it on the portal,
no matter I choose Excel or Browser to see the result, it always has top and left margin.
(Should be margin, right? Because it has empty space on the top and the left of the result)
I have no idea where to adjust it since in Report Builder there is no such empty space in Live Previewer.
Can anyone tell me where to adjust this? Thanks so much.
Marianne

Hello,
They are a Fix Pack higher than you which may explain why it's broken on their server.
Download the Fix Pack for R2 and see if you can duplicate the issue.
Thank you
Don

Live Preview - failed to load resource error

Peter-
I was having problems with the Live preview and tried your debugging method.
I received the following in Chrome:
Failed to load resource: http://127.0.0.1:9222/json
Is there a security setting I need to change?
Thanks!
Josh

Josh -- What OS are you on?
Thanks!
- Peter

Live preview not showing images

Hello,
I moved my entire site folders from my local hard drive to a NAS, but now, when I lok at the live preview, I see empty squares where images should be, and there seems to be no CSS formatting, and everything at the bottom property panel is greyed out.
I am quite new to DW (using CS6), is there anyone who has an idea what I could have done wrong?
I changed nothing in my folder structure.
Thanks in advance.

Thanks, Nancy,
I have now moved my site back to the original folder (on the same machine as DW) and the live view works normally now.
However, I find it very odd that the live view stops working when the folder is on a different machine (a NAS in my case).
Finally, is it normal that, in Live view, the properties at the bottom are greyed out?
Thank you for your help.

Typekit embedded fonts not showing in Live Preview?

Not Edge Web fonts, but is Typekit supported yet?

Thanks for your reply.
I have this in the header:
<script src="http://use.typekit.net/xxxxxxx.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
The site loads locally and remotely with fonts showing correctly from Typekit...just not in Edge Code live preview. (xxxxxxx is for placement)

How can I get typekit fonts to display in edge code live preview?

I'm wondering how I can get typekit fonts to display when using adobe code cc live preview? I'm aware that it's an issue with my local base url, but I'm confused as to how to fix the issue.
Right now my site is stored locally in a folder on my desktop. I'm not sure what to put in the typekit settings under "domain" and what URL to put in the project settings in edge code.
A little help please?

Hello,
I'm sorry that you ran into trouble with this. In order for the Typekit fonts to load, you need to add the IP address that you are using for Live Preview to the domain listing on the kit.
By default, Edge Code uses the IP address "http://127.0.0.1/"; you should see that listed in the web browser when previewing your site. If you've changed the preview URL in Edge Code, it might be something like butterville.local instead.
In either case, copy the URL where you are previewing the site, and add it to your domains: go to http://typekit.com and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings.
Make sure you republish your kit after saving the changes.
I hope that this helps! If you still have trouble with the font loading, please send me the preview URL you are using along with your Typekit kit ID. You may post those here or email us at [email protected]
Best,
-- liz

Is there a quick way to view pages in Safari, Firefox, Opera (not Live Preview)?

Is there a quick way to view pages in Safari, Firefox, Opera (not Live Preview)?

Currently, no, but we have an item in our backlog to research this.
Randy

{text-rendering : optimizeLegibility} turns off google webfont in DW CS6 live preview (suddenly)

I'm currently working on two websites for the UN, based on Wordpress, child themes based on twentytwelve and twentythirteen.
I started to work a certain time ago on the child theme for 2012 which uses "Open Sans" fonts.
I don't remember having any problem with this site: everything was working ok, I made a few changes but nothing important.
I turned to the nd website based on 2013-theme, it works perfectly and DW CS6 is a real time saver for creating a child-theme, nonetheless...
This morning I turned back to the 2012-based wordpress site: every text was simply not displayed anymore... only in live preview in DW...
Even with the parent theme, the text was siply not displayed (so don't suggest my css code is bugged or what...)
After a while, I figured out it was not really a problem regarding the font itself, but with the CSS property "text-rendering" with value set "optimizeLegibility".
Commenting out this declaration solved the problem. Nonetheless...
1 month ago there was no problem. Then suddenly...
Is there a problem with the live preview mode and this CSS property? (indeed there is a problem)
Can we have a fix for this? I mean, an update for DW CS6 (not for DW CC) ?
TIA

Hello Nancy!
Normally, according to https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering Gecko could take it in charge too, but seems to override this setting (a thing I can understand, Gecko is using a fast rendering engine). So you're right: at this time, it can impact only webkit/chromium engines. Which, as far as I know is the underlying engine(s) behind "Live Preview". And it does impact readibility in DW CC (it improves it).
Personnally I'ls better stick to the real CSS properties for kerning, alternative uppercases and ligatures, BUT the wordpress team seemed to think it was a good idea to use it (along with many other strange ideas such as using rem unit for the layout).
The real thing here is: some weeks ago, when I started to tune the 2012-based theme I use for this site, I'm pretty sure I was able to read the text in Live Preview in DW CS6. I wouldn't have chosen to use this theme with such an annoyance, else. So basically, it's really strange that suddenly this property has such an impact on the "live preview" mode of DW CS6. What I would really appreciate here is a small update/bugfix to DW CS6: I don't need this property to be taken in charge in DW CS6 as it is done in DW CC, I'ld just want this property not to impact the live preview.
Last : I mentionned an update of DWCC being possibly a culprit for this. How relevant could be this statement ? Are "live preview" modes shared by DW CC and DW CS6 ? (Even if, of course, this "bug" is not happening with DWCC).
PS: Thanks a lot Nancy to pay attention to my posts as I often yell a lot here.

Live preview is not launching the browser as set userAgent

I have set my chrome userAgent as ipad and if I close my chrome and re-opens it keep it as ipad but when I hit the live preview it is not setting as ipad because of that I am not able to see the page for ipad/mobile format. Since tools are hidden I can't switch the userAgent on chrome Live preview launch.

I'm not sure if Live Preview will work with a userAgent of iPad, but Edge Code CC uses a custom profile, so you'll need to also change any setting there. Try starting Live Preview, changing the settings, closing that instance of Chrome, and restarting Live Preview.
Also, you can get to Chrome Developer Tools using localhost:9235.
HTH,
Randy

Feature Request: intuative live preview button

Every singe ******* time.
I click "Live Preview" only to see the message, "Open an HTML file in order to launch live preview," because I happen to have a CSS or JS file selected.
I'd love to have the app be a little smarter and make an educated guess about which HTML I'd like to preview. Is there's only 1 HTML at the root? Show that. Have I already previewed an HTML during this same session? Show that. If not, then tell me I'm an idiot.
Please, please, pleezzzzee!
Thank you.

We feel your pain! We're about to start work on fixing this within the next week or so. You can track our progress on the Brackets backlog here: https://trello.com/c/gbBtpARq/709-1-define-default-html-file-for-live-development. Once the fix lands in the Brackets open-source project, it will be rolled into the next Edge Code release.
- Peter

PHP Live Preview

Similar Messages

Maybe you are looking for