How do you enable CTRL key for the Visual Studio Browser Link integration?
Scott Hanselman discusses it here around 1:06:00 during the VS 2013 Launch Event. I'm not sure how to activate or enable the realtime HTML Edit feature so I can edit in the browser and have the changes pushed back to Visual Studio.
Has anyone tried this out yet or can provide clues? I have VS 2013 RTM - I can't seem to find any update for ASP.NET Web Tools that may have changed this behavior. Is this an IE only behavior or is it browser independent? It sounds like it just injects additional HTML into the page.
According to MSDN Blogs, This appears to be a Web Essentials 2013 extension of Browser Link capability. Visual Studio provides extensibility for Browser Link which Hanselman was sharing.
When viewing the site, you can use CTRL + ALT + D to enable Design Mode which updates the Visual Studio source. Web Browser Design Mode for Browser Link is browser independent. To enable it for non-Debug mode, you need to add the following appSettings...
<add key="vs:enableBrowserLink" value="true" />
Related
I've installed several extensions in my vs 2010. All have been installed in Extension Manager but not showing in Tools-Options-Extension Manager.
Like I've installed web essentials and I want to change settings of this extension but it's not appearing in Tools-Options-Extension Manager.
Any suggestion will be greatly appreciated.
Web essentials provide setting per solution basis. Right click your solution and click on web essentials.It will create a xml file where you can set your preferences.
Go through this article- http://blogs.msdn.com/b/mvpawardprogram/archive/2013/11/05/making-web-development-wonderful-again-with-web-essentials.aspx and see solution setting part.
There is another option also. Goto Tools-> Options-> Web Essentials from visual Studio.
I've checked autohide and the bar disappeared but now how can I see it again?
It's enough to press CTRL from inside Chrome.
To see the Web Essentials menu in Chrome when using Visual Studio 2015:
Ensure you've installed Web Essentials 2015 - https://visualstudiogallery.msdn.microsoft.com/ee6e6d8c-c837-41fb-886a-6b50ae2d06a2
Click the 'View in Browser' button in Visual Studio to view your site:
The Web Essentials menu will appear as an overlay at the bottom of your web page
Press CTRL in Chrome to toggle the Web Essentials menu on or off
CTRL works inside of Internet explorer as well.
Note that you have to have BrowserLink enabled. Otherwise Ctrl doesn't do anything.
Note, this feature is no longer available in Visual Studio 2017 update 3 as the author, madskristensen states:
It was removed for several reasons.
It interfered too much with the DOM of the running page
It didn't work when the various features were split out into their own extension
I build this Chrome extension to replace it
Link to image of evidence is below.(Not enough rep to show image on post)
Author of web essentials explaining why the tool bar is not suitable for the browser
Link to issue on github
There is a WebEssentials2015-Settings.json file which contains default settings for web essentials (e.g. for VS2015 it is \AppData\Roaming\Microsoft\VisualStudio\14.0\WebEssentials2015-Settings.json).
After I clicked autohide the only way for me to bring the web essentials menu back in the browsers was to edit this file setting the ShowMenu to true ("ShowMenu": true). That fixed the issue for me.
One note though, this file seems to be read on VS startup so you may need to restart VS to see the difference. Also these settings can be separately set for each solution (Web Essentials > Create solution settings). This option creates the .json file specific for given solution.
I've installed Visual Studio Professional 2010 [without any error] but I can not design webpage in it. I've installed
VB.NET
C#
Web Development [or something like that] only.
I can code, debug in VB.NET / C# but the problem is with designing page !
The "Design View" option is missing in the ASPX file.
System info: Windows 7 X64 Ultimate [uninstalled SP1]
You are viewing "Default.aspx.cs" which is a code behind page which can't be viewed in design mode.
So just change your control to "Default.aspx" and press Design button as shown below.
Or press F7 key from "Default.aspx.cs" page where you will see the design mode.
The problem was solved
Tools->Options->HTML Designer->Check the box in front of [Enable HTML Designer]
Why does Visual Studio 2010 change the default "View In Browser" setting back to the default browser every time I add or remove an Extension from the Extension Gallery? My default browser in Visual Studio (for use with "View in Browser") is not the same as the one I use in Windows.
The two actions seem like they should be completely unrelated.
This seems to be a known bug: https://connect.microsoft.com/VisualStudio/feedback/details/568469 . And it should be fixed in "the next version of Visual Studio" (whatever that means), as stated in other duplicates of the same bug.
In the 'alternatives' section there are some workarounds. I haven't tried them though.
There is a nice extension that can help to overcome this problem - WoVS Default Browser Switcher - you can look for it in VS gallery. That one always helps me with this issue.
Since system install the default browser was opera but suddenly become IE in both 2008 and 2010 versions. Default browser in my system is opera. How I can switch make Opera default for debug again?
In Visual Studio 2010 you can right click any aspx file in Solution Exlorer and you get an option of Browse With in the Context menu. Select Browse with and you get the list of browsers in the system. There you can select the default browser.
Add an otherwise unneeded HTML page to your app via right-clicking the project and selecting Add > HTML Page, then right-click that page and select "Browse With" For more detail, see Runscope API Tools' answer here: Set Google Chrome as the Debugging Browser in Visual Studio