2016-09-22 28 views
0

有沒有人有辦法在ASP.net的WEBPAGES網站上縮小HTML。 我有.JS和.Css Minifed,但沒有任何好的HTML。我已經找到了MVC和webforms的選項,我也嘗試把它們放到網頁框架中,但是它們都沒有工作。ASP.net網頁的HTML縮小版

我希望有人能幫忙。記住網頁不是MVC

+1

[ASP.NET應用程序的壓縮HTML輸出(可能的重複http://stackoverflow.com/questions/255008/minify-html-output-of- asp-net-application) –

+0

嗨@MedhdiDehghani這不是重複的,我已經嘗試了關於該帖子的所有建議,其中一些甚至不再可用。 –

+0

嗨,怎麼樣[如何縮小aspx頁面](http://stackoverflow.com/questions/3829659/how-to-minify-aspx-pages) –

回答

0

是的。幾個星期前我爲我做了這件事。在MVC中有一個用於縮小cshtml文件的nuget,但考慮到webforms,這裏是修復。有一個開源的htmlminifier可用於縮小html。
1)請複製此項目並運行它來創建bin文件夾

htmlminifier exe

2)內的exe文件右鍵單擊您的項目,然後單擊「卸載項目」 3)右擊卸載項目選擇編輯.csproj的 4)在文件

<Target Name="AfterBuild" AfterTargets=""> 
    <Message Text="Minifying files.....$(DirectoryGroups)" /> 
    <Exec Command="c:\Users\Admin\htmlminifier.exe C:\Users\ADMIN\Desktop\htmlminifier" IgnoreExitCode="true" /> 
    </Target> 

5)末尾添加這一目標刷新該項目
6)建立和發佈網站。縮小完成。 縮小之前 enter image description here

後縮小

enter image description here

+0

嗨staticvoidmain, –

+0

嗨staticvoidmain, 謝謝你的幫助,我會嘗試這個,但我使用WebPages框架而不是WebForms。雖然他們都剪斷了很多相似之處,但還是有區別的。上面的信息是詳細的,所以我會給這個以前。謝謝。 –

+0

@MatthewMccall - 建議使用縮小和gzip以獲得最佳性能。 [這裏](http://madskristensen.net/post/effects-of-gzipping-vs-minifying-html-files)是建議。 – staticvoidmain

0

有文章在這裏是如何做到這一點 https://blogs.msdn.microsoft.com/rickandy/2012/08/15/adding-web-optimization-to-a-web-pages-site/

在_AppStart.cshtml添加如下代碼

在你的網頁
@using System.Web.Optimization; 

@{ 
    var bundles = BundleTable.Bundles; 

    bundles.UseCdn = true; //enable CDN support 

    //add link to jquery on the CDN 
    var jqueryCdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"; 

    bundles.Add(new ScriptBundle("~/bundles/jquery", 
       jqueryCdnPath).Include(
       "~/Scripts/jquery-{version}.js")); 

    bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css")); 

} 

然後

@using System.Web.Optimization; 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>@Page.Title - My ASP.NET Web Page</title>  

     @Styles.Render("~/Content/css", "~/Content/css");  

     <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />  

     @Scripts.Render("~/bundles/jquery"); 

     <meta name="viewport" content="width=device-width" /> 
    </head>