2016-09-22 29 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>