支持
創(chuàng)新互聯(lián)長(zhǎng)期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為迎澤企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，迎澤網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
1、將html文件重命名為aspx即可。不需要?jiǎng)?chuàng)建項(xiàng)目，直接拖進(jìn)vs即可。
2、打開VS菜單-工具-選項(xiàng)-文本編輯器-文件擴(kuò)展名，右側(cè)輸入html，再下拉列表選HTML（Web窗體）編輯器，點(diǎn)添加，確定。
方法/步驟
首先，打開VS2015頁面
如果是英文版也沒關(guān)系，操作是一樣的
點(diǎn)擊左上角的文件，選擇新建——網(wǎng)站
英文版：選擇 File——Building
在模版處，選擇Visual C# ,再選擇ASP.net空網(wǎng)站，
最下面是放文件路徑的地方
打開后，點(diǎn)擊解決方案資源管理器——右擊你的項(xiàng)目——添加——添加新建項(xiàng)目
選擇 HTML頁面，下面是存放HTML頁面的路徑
PS:路徑最好存放在你所能找到的位置，不然尋找的時(shí)候很麻煩
一個(gè)HTML頁面就創(chuàng)建好了
PS：VS2015 HTML頁面是支持HTML5 CSS3的。
注意：如果解決方案資源管理器沒打開，點(diǎn)擊最上面那排的 視圖——解決方案資源管理器
[img]小程序和HTML5區(qū)別非常大：
打開H5，實(shí)際上是打開一個(gè)網(wǎng)頁，而網(wǎng)頁需要在瀏覽器中渲染。所以加載這一過程，會(huì)給人明顯的「卡頓」感覺，面對(duì)復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時(shí)尤為明顯。
而微信小程序，它的代碼直接在微信上運(yùn)行，省去了通過瀏覽器渲染的步驟，因此，在微信中使用小程序，才會(huì)比H5流暢很多。
除了首次打開需要幾秒的加載時(shí)間外，小程序各個(gè)頁面的切換、跳轉(zhuǎn)等體驗(yàn)已經(jīng)媲美原生App，有著同樣的柔絲般順滑的效果。
概括來說，小程序相對(duì)H5有著開發(fā)成本低、功能更豐富、使用體驗(yàn)更佳的優(yōu)點(diǎn)。其實(shí)大家最應(yīng)該關(guān)注的一點(diǎn)是，小程序領(lǐng)域目前是一片藍(lán)海，對(duì)于個(gè)人就業(yè)、商家做生意以及技術(shù)團(tuán)隊(duì)創(chuàng)業(yè)都有著不少的機(jī)會(huì)，大家應(yīng)該多想想怎么分得這塊蛋糕。
1、啟動(dòng) Visual Studio 2010。
2、在“文件”菜單中，依次選擇“新建”和“項(xiàng)目”。將打開“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”。
3、在這個(gè)項(xiàng)目中添加下面這些文件。
兩個(gè)分別放置js和css的文件夾：css、js
HTML5基本模板頁：index.html
jQuery：jquery-1.4.2.min.js
Modernizr ：modernizr-1.5.min.js
HTML5 樣式文件：html5reset.css
一個(gè)空的css文件：style.css
1、不管什么工具，只需要?jiǎng)?chuàng)建文件，后綴名為.html
2、文件的內(nèi)容結(jié)構(gòu)以!DOCTYPE HTML開頭，如下：
!DOCTYPE HTML
html
head
title主頁/title
/head
body
p內(nèi)容/p
/body
/html
這就支持html5了
關(guān)于VS里的設(shè)計(jì)模式顯示不正常的問題，是有多方面的，但這個(gè)問題并不是任何時(shí)候都需要解決。
下面分別說明幾種常見的：
1、動(dòng)態(tài)代碼引起的預(yù)覽不正確。
比如我做了簡(jiǎn)單的導(dǎo)航條效果：
，我在單獨(dú)的css文件里寫了樣式，但是因?yàn)槟撤N需要，我的css文件加載是代碼寫進(jìn)去的。比如：
這時(shí)候，如果切換到設(shè)計(jì)視圖下，由于css的地址是一個(gè)變量，或者是需要代碼執(zhí)行出來才有結(jié)果的，設(shè)計(jì)視圖不可能知道此時(shí)css的地址是什么，自然也就沒有辦法正確的載入css文件。所以預(yù)覽的效果就變成了：
但實(shí)際上，我運(yùn)行出來，正確執(zhí)行之后的效果是：
這是不是挺像你截圖里描述的效果？從你的截圖來看，你所有的樣式都沒有顯示出來，因?yàn)閏ss文件在預(yù)覽的時(shí)候無法加載，執(zhí)行之后，在生成頁面的時(shí)候變量解釋成了正確的地址之后效果就正確了。
所以我首先懷疑你的頁面里，css連接的部分使用了某些動(dòng)態(tài)的代碼來實(shí)現(xiàn)。
如果是這樣，這個(gè)問題根本就沒有解決的必要。原因前面也說了，你怎么能要求vs去猜你的變量在還沒運(yùn)行時(shí)候的值呢？這才是變量的意義。
2、html代碼的兼容性問題。
我們知道html有過好幾個(gè)標(biāo)準(zhǔn)，而且不同的瀏覽器內(nèi)核之間支持的部分還不完全相同。而vs中使用的是ie的內(nèi)核。和你在谷歌瀏覽器中看到的效果有出入是很常見的問題。
比如同樣的一個(gè)代碼：
在IE和谷歌瀏覽器下運(yùn)行出來的效果你看到差別在哪了嗎？
毫無疑問的，VS的設(shè)計(jì)模式的確是使用的IE內(nèi)核，請(qǐng)看設(shè)計(jì)模式下的預(yù)覽：
所以，如果你的代碼中存在這些兼容性不好的寫法，那么是會(huì)出現(xiàn)一些不一致的。小的排版問題在內(nèi)容比較多的頁面里會(huì)產(chǎn)生一些互相的擠壓和移位。導(dǎo)致整體頁面變得亂七八糟。
如果是這種情況，那么你可以解決它，你要找到出問題的地方，替換成更兼容的寫法。
3、html5和css3，以及可視化編輯器的問題
由于IE從IE9開始才能較好的支持HTML5和CSS3（但是還是比不上谷歌和FF），所以如果你的頁面主要是以這些新的技術(shù)為主的話，那么確實(shí)在設(shè)計(jì)視圖下可能會(huì)出現(xiàn)預(yù)覽不對(duì)的情況。
但是我想說的是，可視化的編輯器始終只是一個(gè)參考，特別是VS，他的設(shè)計(jì)模式主要是方便開發(fā)人員拖放一些服務(wù)器控件上來，和調(diào)整他們的大致位置（一些容器控件的包含之類的），VS本身也在設(shè)計(jì)視圖的時(shí)候加入了大量的輔助線框和一些占位的但是最后不會(huì)顯示出來的東西。所以基本上不會(huì)有哪個(gè)成熟的開發(fā)人員真的會(huì)用設(shè)計(jì)視圖來完成UI設(shè)計(jì)。
應(yīng)該這樣講，這個(gè)設(shè)計(jì)視圖的最大作用是用來參考，但不必太在意其中的細(xì)節(jié)，該有的東西有了，互相之間的包含關(guān)系對(duì)了，剩下的就看運(yùn)行出來的效果。最終效果始終是以運(yùn)行出來后瀏覽器的效果為基準(zhǔn)，所以一般都是直接在vs里調(diào)整html源碼，然后運(yùn)行了看效果。
4、總結(jié)
雖然你的問題問的是，有什么辦法能讓VS里的內(nèi)核切換成谷歌瀏覽器里的效果。
但是看了我上面的分析，我想你應(yīng)該明白，這個(gè)問題的本質(zhì)不在于用什么內(nèi)核來預(yù)覽，你只要夠理解你自己寫的代碼，你就不用擔(dān)心它在這里顯示成什么樣。
你應(yīng)該關(guān)心的是，運(yùn)行出來后，把地址復(fù)制到谷歌瀏覽器，IE，F(xiàn)irefox甚至是safari中，看看頁面的表現(xiàn)是否相差不大。
既然VS里的內(nèi)核是IE的，你為什么不在IE下看看運(yùn)行出來是否也是設(shè)計(jì)視圖的這個(gè)樣子呢？
如果也是這樣亂亂的，請(qǐng)確認(rèn)你使用的是IE9以上的版本，和保證你的代碼兼容性。
明白了嗎？不要糾結(jié)這個(gè)問題了。
重慶分公司
重慶分公司
