vs2017调试html,调试 HTML 和 CSS 示例代码

调试 HTML 和 CSS 示例代码

11/04/2016

本文内容

本主题中的代码是快速入门：调试 HTML 和 CSS 的示例文件。 此版本的代码中修复了快速入门中有意出现的错误。

代码示例

快速入门中的

标记中使用了以下 HTML 代码。

style="display:none">

以下 CSS 显示了在 default.css 中增加的代码。

#fView {

background-color:#0094ff;

height: 500px;

margin: 25px;

}

以下代码示例展示了 default.js 中的完整 JavaScript 代码。 对此代码的 WinJS 命名空间的引用位于模板的 default.html 文件中。

(function () {

"use strict";

var app = WinJS.Application;

var activation = Windows.ApplicationModel.Activation;

var myData = [];

for (var x = 0; x < 3; x++) {

myData[x] = { flipImg: "/images/logo.png" }

};

var pages = new WinJS.Binding.List(myData, { proxy: true });

app.onactivated = function (args) {

if (args.detail.kind === activation.ActivationKind.launch) {

if (args.detail.previousExecutionState !==

activation.ApplicationExecutionState.terminated) {

// TODO: . . .

} else {

// TODO: . . .

}

args.setPromise(WinJS.UI.processAll());

updateImages();

}

};

function updateImages() {

pages.setAt(0, { flipImg: "http://public-domain-photos.com/free-stock-photos-1/flowers/cactus-76.jpg" });

pages.setAt(1, { flipImg: "http://public-domain-photos.com/free-stock-photos-1/flowers/cactus-77.jpg" });

pages.setAt(2, { flipImg: "http://public-domain-photos.com/free-stock-photos-1/flowers/cactus-78.jpg" });

};

app.oncheckpoint = function (args) {

};

app.start();

var publicMembers = {

items: pages

};

WinJS.Namespace.define("Data", publicMembers);

})();

请参阅