В надстройке может быть два разных представления - одно для Интернета и одно для рабочего стола.Для этого определите следующую функцию jQuery:
function detectPlatform(platform) {
if (platform == "OfficeOnline") {
$('#WebView').removeClass('display-none').addClass('display-block');
$('#DesktopView').removeClass('display-block').addClass('display-none');
}
else {
$('#DesktopView').removeClass('display-none').addClass('display-block');
$('#WebView').removeClass('display-block').addClass('display-none');
}
}
и вызовите ее внутри $(document).ready
из Office.initialize
, например: detectPlatform(Office.context.platform);
В вашем HTML вы можете иметь 2 контейнера div сразличные элементы пользовательского интерфейса:
<div id="WebView">Web UI</div>
<div id="DesktopView">Desktop UI</div>
Очевидно, что вы также должны определить используемые классы CSS (display:none
и display:block
).Если вы не хотите использовать jQuery, вы, конечно, можете добиться того же с чистым JS.