cfclientsettings

<cfclientsettings
enableDeviceAPI = "true|false"
detectDevice = "true|false"
deviceTimeout = Number > 

enableDeviceAPI

オプション

 false

デバイス API を有効または無効にします。

detectDevice

オプション

false

デバイス検出プラグインを有効または無効にします。

プラグインのロードのタイムアウト（秒単位）。

プラグインのロードに 10 秒（デフォルトのタイムアウト値）以上かかった場合、エラーが表示されます。この問題を回避するには、タイムアウト値を増やします。

指定した enableDeviceAPI が true の場合、デバイスプラグインはロードされます。デバイスプラグインがロードされた後、ColdFusion は、DeviceReady イベントがトリガーされるのを待機します。DeviceReady イベントがトリガーされると、CFML の実行が開始されます。デスクトップブラウザーでは、DeviceReady イベントはトリガーされません。ただし、モバイルアプリケーション（シェルアプリケーションまたはパッケージ化されたアプリケーション）では、トリガーされます。
したがって、デバイス API がデスクトップブラウザーで有効になっている CFM を実行しようとした場合、空白のページが表示され、コンソールには deviceTimeout に関するエラーメッセージが表示されます。

<cfclientsettings detectDevice=true />

<cfclientSettings detectDevice=true />

<cfclient>
<cffunction access="public" name="showCanvasSupport" returntype="void" >
<cfset document.getElementById('canvas').innerHTML= cfclient.properties.canvas>
</cffunction>
</cfclient>

Canvas support -<b id="canvas"></b><br>

<button onclick="invokeCFClientFunction('showCanvasSupport',null, null)">
Show canvas support
</button>

<cfclientsettings detectDevice=true />
<cfclient>
<cfif cfclient.width lte 480 >
<cfinclude template=" phone.css ">

<cfelseif cfclient.properties.width gte 480 AND cfclient.properties.width lte
760>
<cfinclude template=" tablet.css ">

<cfelse>
<cfinclude template=" desktop.css ">

</cfif>
</cfclient>

<cfclientsettings detectDevice=true />
<cfclient>
Orientation : <b id="orientationId"></b><br>
Width : <b id="width"></b><br>
Height : <b id="height"></b><br>
<!--- Adding the orientation handler here. After adding
the handler, the handler will be invoked whenever there
is an orientation change.--->
<cfset cfclient.addOrientationListener(orientationHandler)>
<cffunction access="public" name="orientationHandler" returntype="void" >
<cfargument name="orientationString" type="string">
<!--- The orientation (landscape/portrait) will be
passed as an argument to the handler.You can also get
the orientation value from cfclient.--->
<cfset document.getElementById('orientationId').innerHTML= orientationString>
<cfset document.getElementById('width').innerHTML= cfclient.properties.width>
<cfset document.getElementById('height').innerHTML= cfclient.properties.height>
</cffunction>
</cfclient>

<cffunction access="public" name="removeorientationhandler"
returntype="void" >
<cfset cfclient.removeOrientationListener(orientationhandler)>
</cffunction>

<cfset cfclient.addOrientationListener(orientationHandler1)>
<cfset cfclient.addOrientationListener(orientationHandler2)>

<cfclientsettings detectDevice=true />
<cfclient>
Width :<b id="width"></b><br>
Height :<b id="height"></b><br>
Device width :<b id="devicewidth"></b><br>
Device height :<b id="deviceheight"></b><br>
<!--- Adding the resize handler here.
After adding the handler, the handler will be invoked whenever there is a browser resize.

--->
<cfset cfclient.addResizeListener(resizehandler)>
<cffunction access="public" name="resizehandler"returntype="void" >
<cfargument name="width" type="string">
<cfargument name="height" type="string">
<!--- The width and height of the browser will be
passed as arguments to the handler. You can also
get the width/height value from cfclient. --->
<cfset document.getElementById('width').innerHTML= cfclient.properties.width>
<cfset document.getElementById('height').innerHTML= cfclient.properties.height>
<cfset document.getElementById('devicewidth').innerHTML= cfclient.properties.deviceWidth>
<cfset document.getElementById('deviceheight').innerHTML= cfclient.properties.deviceHeight>
</cffunction>
</cfclient>

<cfset cfclient.addResizeListener(resizeHandler1)>
<cfset cfclient.addResizeListener(resizeHandler2)>

<cffunction access="public" name="removeresizehandler"
returntype="void" >
<cfset cfclient.removeResizeListener(resizeHandler)>
</cffunction>