{"id":4030,"date":"2024-02-09T20:35:11","date_gmt":"2024-02-09T12:35:11","guid":{"rendered":"http:\/\/www.ponybai.com\/?p=4030"},"modified":"2023-12-05T15:55:50","modified_gmt":"2023-12-05T07:55:50","slug":"%e8%87%aa%e5%ae%9a%e4%b9%89-visualforce-%e9%a1%b5%e9%9d%a2%e7%9a%84%e5%a4%96%e8%a7%82%e5%92%8c%e8%be%93%e5%87%ba","status":"publish","type":"post","link":"http:\/\/www.ponybai.com\/?p=4030","title":{"rendered":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa"},"content":{"rendered":"\n<p>Visualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u8bbe\u7f6e Visualforce \u9875\u9762\u7684\u6837\u5f0f<\/h1>\n\n\n\n<p>\u8bbe\u7f6e Visualforce \u7684\u6837\u5f0f\u5f88\u5bb9\u6613 \u9875\u9762\uff0c\u8981\u4e48\u6a21\u4eff\u6807\u51c6 Salesforce \u9875\u9762\u7684\u5916\u89c2\uff0c\u8981\u4e48\u4f7f\u7528\u60a8\u81ea\u5df1\u7684\u9875\u9762 \u6837\u5f0f\u8868\u6216\u5185\u5bb9\u7c7b\u578b\u3002<\/p>\n\n\n\n<p>\u8bb8\u591a Visualforce \u7ec4\u4ef6\u90fd\u5177\u6709 or \u5c5e\u6027\u3002\u5b9a\u4e49\u8fd9\u4e9b\u5c5e\u6027\u4e2d\u7684\u4efb\u4f55\u4e00\u4e2a\u90fd\u5141\u8bb8\u60a8\u5c06 CSS \u4ee3\u7801\u4e0e \u5143\u4ef6\u3002\u81ea\u5b9a\u4e49 CSS \u4ee3\u7801\u4f7f\u60a8\u80fd\u591f\u66f4\u6539\u7ec4\u4ef6\u7684\u9ed8\u8ba4\u89c6\u89c9\u6837\u5f0f\uff0c \u5305\u62ec\u5176\u5bbd\u5ea6\u3001\u9ad8\u5ea6\u3001\u989c\u8272\u548c\u5b57\u4f53\u3002<samp>style<\/samp><samp>styleClass<\/samp><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u4f7f\u7528 Salesforce \u6837\u5f0f<\/h1>\n\n\n\n<p>\u8bb8\u591a Visualforce \u7ec4\u4ef6 \u5df2\u7ecf\u5177\u6709 Salesforce \u4e2d\u76f8\u540c\u7ec4\u4ef6\u7684\u5916\u89c2\uff0c\u4f8b\u5982\u76f8\u5173\u5217\u8868 \u5728\u8be6\u7ec6\u4fe1\u606f\u9875\u9762\u6216\u90e8\u5206\u6807\u9898\u4e2d\u3002\u8fd9\u4e9b\u7ec4\u4ef6\u7684\u90e8\u5206\u6837\u5f0f\uff0c\u5305\u62ec \u7ec4\u4ef6\u7684\u914d\u8272\u65b9\u6848\u57fa\u4e8e\u663e\u793a\u7ec4\u4ef6\u7684\u9009\u9879\u5361\u3002\u60a8\u53ef\u4ee5 \u901a\u8fc7\u5c06\u9875\u9762\u4e0e \u6807\u51c6\u63a7\u5236\u5668\uff0c\u6216\u8005\u901a\u8fc7\u5728 or \u6807\u8bb0\u4e0a\u8bbe\u7f6e\u5c5e\u6027\u3002<\/p>\n\n\n\n<p><samp>tabStyle<\/samp><samp>&lt;apex:page&gt;<\/samp><samp>&lt;apex:pageBlock&gt;<\/samp><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a><\/a>\u5f53\u60a8\u5c06\u6807\u51c6\u63a7\u5236\u5668\u4e0e Visualforce \u9875\u9762\u4e00\u8d77\u4f7f\u7528\u65f6\uff0c\u60a8\u7684 \u65b0\u9875\u9762\u91c7\u7528 Salesforce \u4e2d\u5173\u8054\u5bf9\u8c61\u7684\u6807\u51c6\u9009\u9879\u5361\u7684\u6837\u5f0f\u3002\u5b83\u4e5f \u5141\u8bb8\u60a8\u8bbf\u95ee\u4e0e\u5173\u8054\u5bf9\u8c61\u5173\u8054\u7684\u65b9\u6cd5\u548c\u8bb0\u5f55\u3002<\/li>\n\n\n\n<li>\u5f53\u60a8\u4f7f\u7528\u81ea\u5b9a\u4e49\u63a7\u5236\u5668\u65f6\uff0c\u6807\u7b7e\u7684\u5c5e\u6027\u5141\u8bb8\u60a8\u6a21\u4eff \u5173\u8054\u7684 Salesforce \u9875\u9762\u3002 \u5982\u679c\u60a8\u53ea\u5e0c\u671b\u9875\u9762\u7684\u67d0\u4e9b\u90e8\u5206\u7c7b\u4f3c\u4e8e Salesforce \u9875\u9762\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528 \u6807\u8bb0\u4e0a\u7684\u5c5e\u6027\u3002\u6709\u5173\u793a\u4f8b\uff0c\u8bf7\u53c2\u9605\u5b9a\u4e49 Getter \u65b9\u6cd5\u3002<samp>tabStyle&lt;apex:page>tabStyle&lt;apex:pageBlock><\/samp><\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">\u6269\u5c55 Salesforce \u6837\u5f0f \u6837\u5f0f\u8868<\/h1>\n\n\n\n<p>\u4f7f\u7528\u6807\u7b7e\u6dfb\u52a0 \u9875\u9762\u7684\u5176\u4ed6\u6837\u5f0f\u8868\u3002\u4f7f\u7528\u5927\u591a\u6570 Visualforce \u7ec4\u4ef6\u4e0a\u53ef\u7528\u7684 or \u5c5e\u6027\u5c06\u5b83\u4eec\u8fde\u63a5\u5230 \u6837\u5f0f\u8868\u4e2d\u7684\u6837\u5f0f\u5b9a\u4e49\u3002\u6b64\u6280\u672f\u5141\u8bb8\u60a8\u4f7f\u7528 \u6709\u3002<\/p>\n\n\n\n<p><samp>&lt;apex:stylesheet&gt;<\/samp><samp>style<\/samp><samp>styleClass<\/samp>\u4e0b\u9762\u7684\u6807\u8bb0\u663e\u793a\u4e86\u4e00\u4e2a\u975e\u5e38\u57fa\u672c\u7684\u9875\u9762\u3002\u8be5\u6807\u8bb0\u5f15\u7528\u53e6\u5b58\u4e3a\u9759\u6001\u7684 CSS \u6837\u5f0f\u8868 \u540d\u4e3a TestStyles \u7684\u8d44\u6e90\uff0c\u5e76\u5217\u5728\u201c\u9759\u6001\u8d44\u6e90\u201d\u9875\u9762\u4e0a\u3002\u5b83\u7531\u6807\u8bb0\u5c5e\u6027\u4e2d\u7684\u5168\u5c40\u53d8\u91cf\u5f15\u7528\u3002\u5c5e\u6027 \u7684\u6807\u8bb0\u4f7f\u7528\u793a\u4f8b\u6837\u5f0f \u6837\u5f0f\u8868\u4e2d\u5b9a\u4e49\u7684\u7c7b\u3002<\/p>\n\n\n\n<p><samp>&lt;apex:stylesheet&gt;<\/samp><samp>$Resource<\/samp><samp>&lt;apex:stylesheet&gt;<\/samp><samp>value<\/samp><samp>styleClass<\/samp><samp>&lt;apex:outputText&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page&gt;\n    &lt;apex:stylesheet value=\"{!$Resource.TestStyles}\"\/&gt;\n    &lt;apex:outputText value=\"Styled Text in a sample style class\" styleClass=\"sample\"\/&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u8fd9\u662f\u7528\u4e8e\u6b64\u793a\u4f8b\u7684\u6837\u5f0f\u8868\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.sample {\n    font-weight: bold;\n}<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading\">\u4f7f\u7528 Lightning \u8bbe\u8ba1\u7cfb\u7edf<\/h1>\n\n\n\n<p>\u4f7f\u7528\u5143\u7d20 \u5c06 Lightning Design System \u5408\u5e76\u5230 Visualforce \u9875\u9762\u4e2d\uff0c\u5e76\u5c06\u5b83\u4eec\u4e0e Lightning Experience \u7684\u6837\u5f0f\u3002\u6b64\u7ec4\u4ef6\u662f\u4e0a\u4f20 Lightning Design System \u4f5c\u4e3a\u9759\u6001\u8d44\u6e90\uff0c\u5e76\u5728 Visualforce \u9875\u9762\u4e2d\u4f7f\u7528\u5b83\u3002<\/p>\n\n\n\n<p><samp>&lt;apex:slds&gt;<\/samp><\/p>\n\n\n\n<p id=\"vf_slds1\"><a><\/a>\u60a8\u4e0d\u5fc5\u5c06 Lightning Design System \u4f5c\u4e3a\u9759\u6001\u8d44\u6e90\u4e0a\u4f20\u3002\u90a3 \u610f\u5473\u7740\u60a8\u53ef\u4ee5\u4fdd\u6301\u9875\u9762\u7684\u8bed\u6cd5\u7b80\u5355\uff0c\u5e76\u4fdd\u6301\u5728 250 MB \u7684\u9759\u6001\u8d44\u6e90\u4e4b\u4e0b \u9650\u5236\u3002\u8981\u5728 Visualforce \u9875\u9762\u4e2d\u4f7f\u7528 Lightning Design System \u6837\u5f0f\u8868\uff0c\u8bf7\u5728\u9875\u9762\u6807\u8bb0\u4e2d\u7684\u4efb\u610f\u4f4d\u7f6e\u6dfb\u52a0\u3002<samp>&lt;apex:slds&nbsp;\/&gt;<\/samp>\u8981\u5728 Visualforce \u9875\u9762\u4e2d\u4f7f\u7528 Lightning Design System \u6837\u5f0f\u8868\uff0c\u8bf7\u6267\u884c\u4ee5\u4e0b\u64cd\u4f5c\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5728\u9875\u9762\u4e2d\u7684\u4efb\u610f\u4f4d\u7f6e\u6dfb\u52a0 \u6807\u8bb0\u3002<samp>&lt;apex:slds&nbsp;\/&gt;<\/samp><\/li>\n\n\n\n<li>\u5c06 or \u5c5e\u6027\u8bbe\u7f6e\u4e3a \u3002<samp>&lt;apex:page&gt;<\/samp><samp>applyBodyTag<\/samp><samp>applyHtmlTag<\/samp><samp>false<\/samp><\/li>\n\n\n\n<li>\u5c06\u7c7b\u5305\u542b\u5728\u4efb\u4f55 SLDS \u6837\u5f0f\u4e0a\uff0c\u6216\u8005 asset \u7236\u5143\u7d20\u3002<samp>slds-scope<\/samp><\/li>\n<\/ol>\n\n\n\n<p>\u8b66\u544a<\/p>\n\n\n\n<p>\u4e0d\u8981\u5728\u5143\u7d20\u4e2d\u5305\u88c5\u4efb\u4f55 Visualforce \u6807\u7b7e\u3002<samp>slds-scope<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page standardController=\"Account\" applyBodyTag=\"false\"&gt;\n    &lt;apex:slds \/&gt; \n \n    &lt;!-- any Visualforce component should be outside SLDS scoping element --&gt;\n    &lt;apex:outputField value=\"{!Account.OwnerId}\" \/&gt; \n \n    &lt;div class=\"slds-scope\"&gt;\n    &lt;!-- SLDS markup here --&gt;\n    &lt;\/div&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p id=\"vf_slds2\"><a><\/a>\u901a\u5e38\uff0c\u95ea\u7535\u8bbe\u8ba1\u7cfb\u7edf\u5df2\u7ecf\u786e\u5b9a\u4e86\u8303\u56f4\u3002\u4f46\u662f\uff0c\u5982\u679c\u5c06 or \u8bbe\u7f6e\u4e3a false\uff0c\u5219\u5fc5\u987b\u5305\u542b\u4f5c\u7528\u57df\u7c7b&nbsp;slds-scope\u3002\u5728\u4f5c\u7528\u57df\u7c7b\u4e2d\uff0c\u6807\u8bb0\u53ef\u4ee5\u5f15\u7528 Lightning Design System \u6837\u5f0f\u548c\u8d44\u6e90\u3002<samp>applyBodyTag<\/samp><samp>applyHtmlTag<\/samp><\/p>\n\n\n\n<p><a><\/a>\u5f15\u7528 Lightning Design System \u4e2d\u7684\u8d44\u6e90\uff0c\u4f8b\u5982 SVG \u56fe\u6807\u548c \u56fe\u50cf\uff0c\u8bf7\u4f7f\u7528\u516c\u5f0f\u51fd\u6570\u548c\u5168\u5c40\u53d8\u91cf\u3002<samp>URLFOR()<\/samp><samp>$Asset<\/samp>\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4 \u6807\u8bb0\uff0c\u4f8b\u5982\uff0c\u5f15\u7528 SVG \u5e10\u6237\u56fe\u6807\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;svg aria-hidden=\"true\" class=\"slds-icon\"&gt;\n    &lt;use xlink:href=\"{!URLFOR($Asset.SLDS, 'assets\/icons\/standard-sprite\/svg\/symbols.svg#account')}\"&gt;&lt;\/use&gt;\n&lt;\/svg&gt;<\/code><\/pre>\n\n\n\n<p>\u82e5\u8981\u4f7f\u7528 SVG \u56fe\u6807\uff0c\u8bf7\u5728\u6807\u8bb0\u4e2d\u4f7f\u7528 \u548c \u6dfb\u52a0\u6240\u9700\u7684 XML \u547d\u540d\u7a7a\u95f4\u3002<\/p>\n\n\n\n<p><samp>xmlns=&#8221;http:\/\/www.w3.org\/2000\/svg&#8221;<\/samp><samp>xmlns:xlink=&#8221;http:\/\/www.w3.org\/1999\/xlink&#8221;<\/samp><samp>html<\/samp><\/p>\n\n\n\n<p>\u6ce8\u610f<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u4f7f\u7528\u7684\u662f Salesforce \u4fa7\u8fb9\u680f\u3001\u6807\u9898\u3001 \u6216\u5185\u7f6e\u6837\u5f0f\u8868\uff0c\u5219\u65e0\u6cd5\u5411 .\u4ec5\u5f53 \u3001 \u548c \u8bbe\u7f6e\u4e3a \u65f6\u624d\u652f\u6301 VG \u56fe\u6807\u3002<samp>html<\/samp><samp>showHeader<\/samp><samp>standardStylesheets<\/samp><samp>sidebar<\/samp><samp>false<\/samp><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f8b<\/h2>\n\n\n\n<p>\u4ee5\u4e0b\u6807\u8bb0\u663e\u793a\u4e86\u4e00\u4e2a\u7b80\u5355\u7684\u5e10\u6237\u8be6\u7ec6\u4fe1\u606f\u9875\u9762\u3002\u6b64\u9875\u9762\u4f7f\u7528 Lightning \u8bbe\u8ba1\u7cfb\u7edf\u5361\u5143\u7d20\u548c\u5e10\u6237\u6807\u51c6\u63a7\u5236\u5668\u3002\u6b64\u9875\u9762\u8fd8\u5305\u62ec \u5e10\u6237 PNG \u56fe\u6807\u3002<\/p>\n\n\n\n<p>\u6b64\u9875\u9762\u4e2d\u6ca1\u6709\u4efb\u4f55\u6570\u636e\uff0c\u9664\u975e\u60a8\u4f7f\u7528\u8bb0\u5f55 ID \u52a0\u8f7d\u5b83\u3002\u95ea\u7535 Design System \u4e0d\u652f\u6301\u5c06\u6570\u636e\u5bfc\u5165 Visualforce \u9875\u9762\u7684\u7ec4\u4ef6\uff0c\u4f8b\u5982 as \u548c .\u4f7f\u7528 Lightning \u4ece\u9875\u9762\u8bbf\u95ee Salesforce \u6570\u636e \u8bbe\u8ba1\u7cfb\u7edf\uff0c\u4f7f\u7528\u8fdc\u7a0b \u5bf9\u8c61\u3001JavaScript \u8fdc\u7a0b\u5904\u7406\u6216 REST API\u3002<samp>&lt;apex:pageBlock&gt;<\/samp><samp>&lt;apex:detail&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page showHeader=\"false\" standardStylesheets=\"false\" sidebar=\"false\" docType=\"html-5.0\" standardController=\"Account\" applyBodyTag=\"False\" applyHtmlTag=\"False\"&gt;\n&lt;head&gt;\n  &lt;title&gt;{! Account.Name }&lt;\/title&gt;\n  &lt;apex:slds \/&gt; \n&lt;\/head&gt;\n\n&lt;body class=\"slds-scope\"&gt;\n    &lt;!-- MASTHEAD --&gt;\n    &lt;p class=\"slds-text-heading--label slds-m-bottom--small\"&gt;\n      Using the Lightning Design System in Visualforce\n    &lt;\/p&gt;\n    &lt;!-- \/ MASTHEAD --&gt;\n        \n    &lt;!-- PAGE HEADER --&gt;\n    &lt;p class=\"slds-text-title_caps slds-line-height--reset\"&gt;Accounts&lt;\/p&gt;\n        &lt;h1 class=\"slds-page-header__title slds-truncate\" title=\"My Accounts\"&gt;{! Account.Name }&lt;\/h1&gt;\n        &lt;span class=\"slds-icon_container slds-icon-standard-account\" title=\"Account Standard Icon\"&gt;\n          &lt;svg class=\"slds-icon slds-page-header__icon\" aria-hidden=\"true\"&gt;\n              &lt;use xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xlink:href=\"{!URLFOR($Asset.SLDS, 'assets\/icons\/standard-sprite\/svg\/symbols.svg#account')}\" \/&gt;\n          &lt;\/svg&gt;\n        &lt;\/span&gt;\n          &lt;!-- \/ HEADING AREA --&gt;\n      &lt;div class=\"slds-col slds-no-flex slds-grid slds-align-top\"&gt;\n        &lt;button class=\"slds-button slds-button--neutral\"&gt;New Account&lt;\/button&gt;\n      &lt;\/div&gt;\n    &lt;!-- \/ PAGE HEADER --&gt;\n\n    &lt;!-- ACCOUNT DETAIL CARD --&gt;\n    &lt;div class=\"slds-panel slds-grid slds-grid--vertical slds-nowrap\"&gt;\n      &lt;div class=\"slds-form--stacked slds-grow slds-scrollable--y\"&gt;\n\n        &lt;div class=\"slds-panel__section\"&gt;\n          &lt;h3 class=\"slds-text-heading--small slds-m-bottom--medium\"&gt;Account Detail&lt;\/h3&gt;\n          &lt;div class=\"slds-form-element slds-hint-parent slds-has-divider--bottom\"&gt;\n            &lt;span class=\"slds-form-element__label\"&gt;Name&lt;\/span&gt;\n            &lt;div class=\"slds-form-element__control\"&gt;\n              &lt;span class=\"slds-form-element__static\"&gt;{! Account.Name }&lt;\/span&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=\"slds-form-element slds-hint-parent slds-has-divider--bottom\"&gt;\n            &lt;span class=\"slds-form-element__label\"&gt;Phone&lt;\/span&gt;\n            &lt;div class=\"slds-form-element__control\"&gt;\n              &lt;span class=\"slds-form-element__static\"&gt;{! Account.Phone }&lt;\/span&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div class=\"slds-panel__section slds-has-divider--bottom\"&gt;\n          &lt;div class=\"slds-media\"&gt;\n            &lt;div class=\"slds-media__body\"&gt;\n              &lt;div class=\"slds-button-group slds-m-top--small\" role=\"group\"&gt;\n                &lt;button class=\"slds-button slds-button--neutral slds-grow\"&gt;Edit&lt;\/button&gt;\n                &lt;button class=\"slds-button slds-button--neutral slds-grow\"&gt;Save&lt;\/button&gt;\n                 &lt;button class=\"slds-button slds-button--neutral slds-grow\"&gt;New Account&lt;\/button&gt;\n              &lt;\/div&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;!-- \/ ACCOUNT DETAIL CARD --&gt;\n&lt;\/body&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u6709\u5173 Lightning Design System \u6837\u5f0f\u7684\u66f4\u591a\u793a\u4f8b\uff0c\u8bf7\u53c2\u9605\u00a0Salesforce Lightning Design System\u00a0\u53c2\u8003\u7ad9\u70b9\uff0c\u5e76\u4e86\u89e3 \u6709\u5173\u00a0Trailhead\u00a0\u4e0a\u7684\u95ea\u7535\u8bbe\u8ba1\u7cfb\u7edf\u7684\u66f4\u591a\u4fe1\u606f\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u4f7f\u7528 Lightning Experience \u8bbe\u7f6e\u73b0\u6709 Visualforce \u9875\u9762\u7684\u6837\u5f0f \u6837\u5f0f\u8868<\/h1>\n\n\n\n<p>\u5728\u4ee5\u4e0b\u60c5\u51b5\u4e0b\uff0c\u60a8\u53ef\u4ee5\u63a7\u5236\u9875\u9762\u662f\u5426\u4f7f\u7528 Lightning Experience \u7684\u5916\u89c2\u8bbe\u7f6e\u6837\u5f0f \u5728 Lightning Experience \u6216 Salesforce \u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u4e2d\u67e5\u770b\u8be5\u5c5e\u6027\u3002<\/p>\n\n\n\n<p><samp>lightningStylesheets<\/samp><\/p>\n\n\n\n<p>\u6ce8\u610f<\/p>\n\n\n\n<p>\u4e0d\u652f\u6301\u8be5\u5c5e\u6027 \u5728 Experience Cloud \u7ad9\u70b9\u4e2d\u3002<samp>lightningStylesheets<\/samp><\/p>\n\n\n\n<p>\u5728 Lightning \u4e2d\u67e5\u770b\u65f6\uff0c\u8bbe\u7f6e Visualforce \u9875\u9762\u7684\u6837\u5f0f\u4ee5\u5339\u914d Lightning Experience UI \u4f53\u9a8c\u6216 Salesforce \u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\uff0c\u5728\u6807\u8bb0\u4e2d\u8bbe\u7f6e\u3002\u5728 Salesforce Classic \u4e2d\u67e5\u770b\u9875\u9762\u65f6\uff0c\u5b83\u4e0d\u4f1a\u5f97\u5230 Lightning Experience \u6837\u5f0f\u3002<samp>lightningStylesheets=&#8221;true&#8221;<\/samp><samp>&lt;apex:page&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page lightningStylesheets=\"true\"&gt;<\/code><\/pre>\n\n\n\n<p>\u5982\u679c \uff0c\u5219 CSS \u4f5c\u7528\u57df\u7c7b\u4f1a\u81ea\u52a8\u5e94\u7528\u4e8e Visualforce \u9875\u9762\u7684\u5143\u7d20\u3002\u8303\u56f4\u754c\u5b9a \u7c7b\uff0c\u4ee5\u4fbf\u60a8\u7684\u5185\u5bb9\u4e0e Lightning Experience UI \u5339\u914d\u3002\u5982\u679c\u5c06 \u6216\u8bbe\u7f6e\u4e3a false\uff0c\u5219\u5fc5\u987b\u624b\u52a8\u6dfb\u52a0\u8303\u56f4\u7c7b\u3002<samp>lightningStylesheets=&#8221;true&#8221;<\/samp><samp>slds-vf-scope<\/samp><samp>&lt;body&gt;<\/samp><samp>applyBodyTag<\/samp><samp>applyHtmlTag<\/samp><samp>slds-vf-scope<\/samp><\/p>\n\n\n\n<p>\u8fd9\u662f\u4e00\u4e2a\u6807\u51c6\u7684 Visualforce \u9875\u9762 \u6ca1\u6709\u5c5e\u6027\u3002\u9875\u9762 \u91c7\u7528\u7ecf\u5178 UI \u6837\u5f0f\u3002<samp>lightningStylesheets<\/samp><img fetchpriority=\"high\" decoding=\"async\" width=\"802\" height=\"304\" class=\"wp-image-4043\" style=\"\" src=\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1.png\" alt=\"\" srcset=\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1.png 802w, http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1-300x114.png 300w, http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1-768x291.png 768w\" sizes=\"(max-width: 802px) 100vw, 802px\" \/><\/p>\n\n\n\n<p>\u8fd9\u662f\u540c\u4e00\u4e2a Visualforce \u9875\u9762\uff0c\u5e26\u6709 \u5c5e\u6027\u8bbe\u7f6e\u4e3a \u3002<samp>lightningStylesheetstrue<\/samp><img decoding=\"async\" width=\"802\" height=\"324\" class=\"wp-image-4044\" style=\"\" src=\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage2.png\" alt=\"\" srcset=\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage2.png 802w, http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage2-300x121.png 300w, http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage2-768x310.png 768w\" sizes=\"(max-width: 802px) 100vw, 802px\" \/><\/p>\n\n\n\n<p><a><\/a>\u60a8\u53ef\u4ee5\u8bbe\u7f6e\u6700\u5e38\u7528\u7684 Visualforce \u6837\u5f0f \u5177\u6709\u5c5e\u6027\u7684\u7ec4\u4ef6\u3002 \u4f46\u662f\uff0c\u67d0\u4e9b\u7ec4\u4ef6\u5728\u98ce\u683c\u4e0a\u4e0e Lightning Experience \u7565\u6709\u4e0d\u540c\u3002\u4f8b\u5982\uff0c\uff0c\u67d0\u4e9b\u5143\u7d20\u4f7f\u7528\u6d4f\u89c8\u5668\u7684\u9ed8\u8ba4 \u800c\u662f\u6837\u5f0f\u3002\u4ecd\u7136\u652f\u6301\u4e0d\u9700\u8981\u6837\u5f0f\u7684\u5e38\u7528 Visualforce \u7ec4\u4ef6\uff0c\u4f8b\u5982 \u3001 \u548c \u3002<samp>lightningStylesheets<\/samp><samp>&lt;apex:inputFile&gt;<\/samp><samp>&lt;apex:inputField&gt;<\/samp><samp>&lt;apex:form&gt;<\/samp><samp>&lt;apex:outputText&gt;<\/samp><samp>&lt;apex:param&gt;<\/samp><\/p>\n\n\n\n<p><a><\/a>\u5305\u542b\u4e0d\u5c5e\u4e8e Visualforce \u7ec4\u4ef6\u5e93\uff0c\u5c06\u6807\u8bb0\u4e0e\u4ee3\u7801\u548c\u5c5e\u6027\u4e00\u8d77\u4f7f\u7528\u3002<samp>&lt;apex:slds\/&gt;<\/samp><samp>lightningStylesheets<\/samp><\/p>\n\n\n\n<p>\u6ce8\u610f<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8be5\u5c5e\u6027\u4e0d\u5f71\u54cd \u81ea\u5b9a\u4e49\u6837\u5f0f\u3002\u5fc5\u987b\u66f4\u65b0\u81ea\u5b9a\u4e49\u4ee3\u7801\u4ee5\u5339\u914d\u9875\u9762\u7684 SLDS \u6837\u5f0f\u3002<samp>lightningStylesheets<\/samp><\/li>\n\n\n\n<li><a><\/a>\u5982\u679c\u8bbe\u7f6e\u4e3a false\uff0c\u5219 \u7684\u5c5e\u6027\u5c06\u5728 Lightning Experience \u4e2d\u8986\u76d6\u548c\u6291\u5236\uff0c Salesforce Classic \u548c\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002<samp>standardStylesheets<\/samp><samp>&lt;apex:page&gt;<\/samp><samp>lightningStylesheets<\/samp><\/li>\n\n\n\n<li>\u7ec4\u4ef6\u5b58\u5728\u5df2\u77e5\u95ee\u9898 \u4ece Visualforce \u9875\u9762\u521b\u5efa PDF \u6587\u4ef6\u65f6\u3002\u56e0\u6b64\uff0c\u4e0d\u652f\u6301\u6216\u8c03\u7528<samp>&lt;apex:slds&gt;<\/samp><samp>lightningStyleSheets<\/samp><samp>&lt;apex:page renderAs=&#8221;pdf&#8221;&gt;<\/samp><samp>PageReference.getContentAsPDF().<\/samp><\/li>\n<\/ul>\n\n\n\n<p>\u4f7f\u7528\u65f6\uff0c\u5927\u591a\u6570 Visualforce \u6309\u94ae\u663e\u793a\u4e3a\u4e2d\u6027\u53d8\u4f53\u3002\u6309\u94ae\u7684\u4e2d\u6027\u6837\u5f0f\u51fa\u73b0\u4ee5\u4e0b\u539f\u56e0\uff1a \u6ca1\u6709\u9009\u62e9\u5668\u6302\u94a9\u6765\u53ef\u9760\u5730\u786e\u5b9a\u54ea\u4e9b\u6309\u94ae\u5fc5\u987b\u6253\u4e0a\u54c1\u724c\u3002\u5c06 style \u5c5e\u6027\u6dfb\u52a0\u5230 \u4ee5\u521b\u5efa\u57fa\u4e8e \u60a8\u7684\u7ec4\u7ec7\u54c1\u724c\uff1a<samp>lightningStylesheets=&#8221;true&#8221;<\/samp><samp>.slds-vf-button_brand<\/samp><samp>&lt;apex:commandButton&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:commandButton styleClass=\"slds-vf-button_brand\" value=\"Refresh the Page\"&gt;<\/code><\/pre>\n\n\n\n<p>\u6ce8\u610f<\/p>\n\n\n\n<p>\u6784\u5efa\u65b0\u529f\u80fd\u65f6\uff0c\u8bf7\u4f7f\u7528 Lightning Design System \u6309\u94ae\u84dd\u56fe\u4f7f\u7528\u548c\u5b9e\u73b0\u8be5\u6309\u94ae\u3002<samp>&lt;apex:slds&gt;<\/samp><\/p>\n\n\n\n<p>\u4ee5\u4e0b Visualforce \u7ec4\u4ef6\u652f\u6301\u8be5\u5c5e\u6027\u6216\u4e0d\u9700\u8981\u6837\u5f0f\u3002<samp>lightningStylesheets<\/samp><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><samp>analytics:reportChart<\/samp><\/li>\n\n\n\n<li><samp>apex:actionFunction<\/samp><\/li>\n\n\n\n<li><samp>apex:actionPoller<\/samp><\/li>\n\n\n\n<li><samp>apex:actionRegion<\/samp><\/li>\n\n\n\n<li><samp>apex:actionStatus<\/samp><\/li>\n\n\n\n<li><samp>apex:actionSupport<\/samp><\/li>\n\n\n\n<li><samp>apex:areaSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:attribute<\/samp><\/li>\n\n\n\n<li><samp>apex:axis<\/samp><\/li>\n\n\n\n<li><samp>apex:barSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:canvasApp<\/samp><\/li>\n\n\n\n<li><samp>apex:chart<\/samp><\/li>\n\n\n\n<li><samp>apex:chartLabel<\/samp><\/li>\n\n\n\n<li><samp>apex:chartTips<\/samp><\/li>\n\n\n\n<li><samp>apex:column<\/samp><\/li>\n\n\n\n<li><samp>apex:commandButton<\/samp><\/li>\n\n\n\n<li><samp>apex:commandLink<\/samp><\/li>\n\n\n\n<li><samp>apex:component<\/samp><\/li>\n\n\n\n<li><samp>apex:componentBody<\/samp><\/li>\n\n\n\n<li><samp>apex:composition<\/samp><\/li>\n\n\n\n<li><samp>apex:dataList<\/samp><\/li>\n\n\n\n<li><samp>apex:dataTable<\/samp><\/li>\n\n\n\n<li><samp>apex:define<\/samp><\/li>\n\n\n\n<li><samp>apex:detail<\/samp><\/li>\n\n\n\n<li><samp>apex:dynamicComponent<\/samp><\/li>\n\n\n\n<li><samp>apex:enhancedList<\/samp><\/li>\n\n\n\n<li><samp>apex:facet<\/samp><\/li>\n\n\n\n<li><samp>apex:flash<\/samp><\/li>\n\n\n\n<li><samp>apex:form<\/samp><\/li>\n\n\n\n<li><samp>apex:gaugeSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:iframe<\/samp><\/li>\n\n\n\n<li><samp>apex:image<\/samp><\/li>\n\n\n\n<li><samp>apex:include<\/samp><\/li>\n\n\n\n<li><samp>apex:includeLightning<\/samp><\/li>\n\n\n\n<li><samp>apex:includeScript<\/samp><\/li>\n\n\n\n<li><samp>apex:inlineEditSupport<\/samp><\/li>\n\n\n\n<li><samp>apex:input<\/samp><\/li>\n\n\n\n<li><samp>apex:inputCheckbox<\/samp><\/li>\n\n\n\n<li><samp>apex:inputField<\/samp><\/li>\n\n\n\n<li><samp>apex:inputFile<\/samp><\/li>\n\n\n\n<li><samp>apex:inputHidden<\/samp><\/li>\n\n\n\n<li><samp>apex:inputSecret<\/samp><\/li>\n\n\n\n<li><samp>apex:inputText<\/samp><\/li>\n\n\n\n<li><samp>apex:inputTextArea<\/samp><\/li>\n\n\n\n<li><samp>apex:insert<\/samp><\/li>\n\n\n\n<li><samp>apex:legend<\/samp><\/li>\n\n\n\n<li><samp>apex:lineSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:listViews<\/samp><\/li>\n\n\n\n<li><samp>apex:map<\/samp><\/li>\n\n\n\n<li><samp>apex:mapMarker<\/samp><\/li>\n\n\n\n<li><samp>apex:message<\/samp><\/li>\n\n\n\n<li><samp>apex:messages<\/samp><\/li>\n\n\n\n<li><samp>apex:outputField<\/samp><\/li>\n\n\n\n<li><samp>apex:outputLabel<\/samp><\/li>\n\n\n\n<li><samp>apex:outputLink<\/samp><\/li>\n\n\n\n<li><samp>apex:outputPanel<\/samp><\/li>\n\n\n\n<li><samp>apex:outputText<\/samp><\/li>\n\n\n\n<li><samp>apex:page<\/samp><\/li>\n\n\n\n<li><samp>apex:pageBlock<\/samp><\/li>\n\n\n\n<li><samp>apex:pageBlockButtons<\/samp><\/li>\n\n\n\n<li><samp>apex:pageBlockSection<\/samp><\/li>\n\n\n\n<li><samp>apex:pageBlockSectionItem<\/samp><\/li>\n\n\n\n<li><samp>apex:pageBlockTable<\/samp><\/li>\n\n\n\n<li><samp>apex:pageMessage<\/samp><\/li>\n\n\n\n<li><samp>apex:pageMessages<\/samp><\/li>\n\n\n\n<li><samp>apex:panelBar<\/samp><\/li>\n\n\n\n<li><samp>apex:panelBarItem<\/samp><\/li>\n\n\n\n<li><samp>apex:panelGrid<\/samp><\/li>\n\n\n\n<li><samp>apex:panelGroup<\/samp><\/li>\n\n\n\n<li><samp>apex:param<\/samp><\/li>\n\n\n\n<li><samp>apex:pieSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:radarSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:relatedList<\/samp><\/li>\n\n\n\n<li><samp>apex:remoteObjectField<\/samp><\/li>\n\n\n\n<li><samp>apex:remoteObjectModel<\/samp><\/li>\n\n\n\n<li><samp>apex:remoteObjects<\/samp><\/li>\n\n\n\n<li><samp>apex:repeat<\/samp><\/li>\n\n\n\n<li><samp>apex:scatterSeries<\/samp><\/li>\n\n\n\n<li><samp>apex:scontrol<\/samp><\/li>\n\n\n\n<li><samp>apex:sectionHeader<\/samp><\/li>\n\n\n\n<li><samp>apex:selectCheckboxes<\/samp><\/li>\n\n\n\n<li><samp>apex:selectList<\/samp><\/li>\n\n\n\n<li><samp>apex:selectOption<\/samp><\/li>\n\n\n\n<li><samp>apex:selectOptions<\/samp><\/li>\n\n\n\n<li><samp>apex:selectRadio<\/samp><\/li>\n\n\n\n<li><samp>apex:stylesheet<\/samp><\/li>\n\n\n\n<li><samp>apex:tab<\/samp><\/li>\n\n\n\n<li><samp>apex:tabPanel<\/samp><\/li>\n\n\n\n<li><samp>apex:toolbar<\/samp><\/li>\n\n\n\n<li><samp>apex:toolbarGroup<\/samp><\/li>\n\n\n\n<li><samp>apex:variable<\/samp><\/li>\n\n\n\n<li><samp>chatter:feed<\/samp><\/li>\n\n\n\n<li><samp>chatter:feedWithFollowers<\/samp><\/li>\n\n\n\n<li><samp>chatter:follow<\/samp><\/li>\n\n\n\n<li><samp>chatter:newsFeed<\/samp><\/li>\n\n\n\n<li><samp>flow:interview<\/samp><\/li>\n\n\n\n<li><samp>site:googleAnalyticsTracking<\/samp><\/li>\n\n\n\n<li><samp>site:previewAsAdmin<\/samp><\/li>\n\n\n\n<li><samp>topics:widget<\/samp><\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">\u4f7f\u7528\u81ea\u5b9a\u4e49\u6837\u5f0f<\/h1>\n\n\n\n<p>\u4f7f\u7528\u6807\u8bb0\u6216\u9759\u6001 HTML \u4ee5\u5305\u542b\u60a8\u81ea\u5df1\u7684\u6837\u5f0f\u8868\u6216\u6837\u5f0f\u3002<\/p>\n\n\n\n<p><samp>&lt;apex:stylesheet&gt;<\/samp>\u5bf9\u4e8e HTML \u6807\u8bb0\uff0c\u60a8\u53ef\u4ee5\u5b9a\u4e49\u5185\u8054 CSS \u4ee3\u7801\uff0c\u5c31\u50cf\u5728\u5e38\u89c4 HTML \u4e2d\u4e00\u6837 \u9875\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page&gt;\n    &lt;style type=\"text\/css\"&gt;\n        p { font-weight: bold; }\n    &lt;\/style&gt;\n\n    &lt;p&gt;This is some strong text!&lt;\/p&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u6b64\u793a\u4f8b\u5f15\u7528\u5b9a\u4e49\u4e3a\u9759\u6001\u8d44\u6e90\u7684\u6837\u5f0f\u8868\u3002\u9996\u5148\uff0c\u521b\u5efa \u6837\u5f0f\u8868\u5e76\u5c06\u5176\u4f5c\u4e3a\u540d\u4e3a \u81ea\u5b9a\u4e49CSS\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h1 { color: #f00; }\np { background-color: #eec; }\nnewLink { color: #f60; font-weight: bold; }<\/code><\/pre>\n\n\n\n<p>\u63a5\u4e0b\u6765\uff0c\u521b\u5efa\u4e00\u4e2a\u5f15\u7528\u6b64\u9759\u6001\u7684\u9875\u9762 \u8d44\u6e90\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page showHeader=\"false\"&gt;\n    &lt;apex:stylesheet value=\"{!$Resource.customCSS}\" \/&gt;\n    &lt;h1&gt;Testing Custom Stylesheets&lt;\/h1&gt;\n    &lt;p&gt;This text could go on forever...&lt;br\/&gt;&lt;br\/&gt;\n       But it won't!&lt;\/p&gt;\n\n    &lt;apex:outputLink value=\"https:\/\/salesforce.com\" styleClass=\"newLink\"&gt;\n        Click here to switch to www.salesforce.com\n    &lt;\/apex:outputLink&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u63d0\u793a\u5982\u679c\u60a8\u672a\u4f7f\u7528 Salesforce \u6837\u5f0f\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u963b\u6b62\u6807\u51c6 Salesforce \u6837\u5f0f\u8868\u6765\u7f29\u5c0f\u9875\u9762\u5927\u5c0f \u88c5\u8f7d\u3002\u82e5\u8981\u9632\u6b62\u52a0\u8f7d\uff0c\u8bf7\u5c06\u7ec4\u4ef6\u4e0a\u7684\u5c5e\u6027\u8bbe\u7f6e\u4e3a \u5047\u3002\u5982\u679c\u60a8\u4e0d\u52a0\u8f7d Salesforce \u6837\u5f0f\u8868\u3001\u9700\u8981\u5b83\u4eec\u7684\u7ec4\u4ef6\u4e0d\u663e\u793a \u6b63\u786e\u3002<\/p>\n\n\n\n<p><samp>standardStylesheets<\/samp><samp>&lt;apex:page&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page standardStylesheets=\"false\"&gt;\n    &lt;!-- page content here --&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>Visualforce \u7ec4\u4ef6 \u751f\u6210 HTML \u5177\u6709\u4f20\u9012\u548c\u5c5e\u6027\u3002\u8fd9\u4e9b\u5c5e\u6027 \u5141\u8bb8\u60a8\u4f7f\u7528\u81ea\u5df1\u7684\u6837\u5f0f\u548c\u6837\u5f0f\u7c7b\u6765\u63a7\u5236 \u751f\u6210\u7684 HTML\u3002 \u5141\u8bb8\u60a8\u8bbe\u7f6e\u6837\u5f0f \u76f4\u63a5\u5728\u7ec4\u4ef6\u4e0a\uff0c\u800c LETS \u4e3a\u5728\u5176\u4ed6\u5730\u65b9\u5b9a\u4e49\u7684\u6837\u5f0f\u9644\u52a0\u7c7b\u3002\u4f8b\u5982\uff0c\u4ee5\u4e0b\u4ee3\u7801\u96c6 \u548c \u7684\u7c7b \u5e94\u7528 \u98ce\u683c\u3002<\/p>\n\n\n\n<p><samp>style<\/samp><samp>styleClass<\/samp><samp>style<\/samp><samp>styleClass<\/samp><samp>&lt;apex:outputText&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page&gt;\n\n    &lt;style type=\"text\/css\"&gt;\n        .asideText { font-style: italic; }\n    &lt;\/style&gt;\n\n    &lt;apex:outputText style=\"font-weight: bold;\" \n        value=\"This text is styled directly.\"\/&gt;\n\n    &lt;apex:outputText styleClass=\"asideText\" \n        value=\"This text is styled via a stylesheet class.\"\/&gt;\n\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u82e5\u8981\u4f7f\u7528 DOM ID \u5e94\u7528\u6837\u5f0f\uff0c\u8bf7\u4f7f\u7528\u6837\u5f0f\u5b9a\u4e49\u7684 CSS \u5c5e\u6027\u9009\u62e9\u5668\u3002 \u8bf7\u53c2\u9605\u5b9a\u4e49\u7ec4\u4ef6\u7684 DOM ID \u7684\u6837\u5f0f\u3002\u5982\u679c\u60a8\u6253\u7b97\u5728\u6837\u5f0f\u8868\u4e2d\u4f7f\u7528\u56fe\u50cf\uff0c\u8bf7\u4f7f\u7528 CSS \u6587\u4ef6\u538b\u7f29\u56fe\u50cf\uff0c\u7136\u540e \u5c06\u6587\u4ef6\u4f5c\u4e3a\u5355\u4e2a\u9759\u6001\u8d44\u6e90\u4e0a\u4f20\u3002\u4f8b\u5982\uff0c\u5047\u8bbe\u60a8\u7684 CSS \u6587\u4ef6\u6709\u4e00\u4e2a \u50cf \u4ee5\u540e\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body { background-image: url(\"images\/dots.gif\") }<\/code><\/pre>\n\n\n\n<p>\u5408 \u6574\u4e2a\u76ee\u5f55\u548c\u7236 CSS \u6587\u4ef6\u590d\u5236\u5230\u5355\u4e2a zip \u6587\u4ef6\u4e2d\u3002\u5728\u6b64\u793a\u4f8b\u4e2d\uff0czip \u6587\u4ef6\u8d44\u6e90\u540d\u79f0\u4e3a myStyles\u3002<\/p>\n\n\n\n<p><samp>images<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:stylesheet value=\"{!URLFOR($Resource.myStyles, 'styles.css')}\"\/&gt;<\/code><\/pre>\n\n\n\n<p>\u8b66\u544a<\/p>\n\n\n\n<p>\u5982\u679c\u6837\u5f0f\u8868\u7684\u503c\u4e2d\u5305\u542b\u7a7a\u5b57\u7b26\u4e32\uff0c\u5219\u65e0\u6cd5\u5c06\u8be5\u9875\u9762\u5448\u73b0\u4e3a PDF\u3002\u4f8b\u5982\uff0c\u6837\u5f0f \u89c4\u5219\u53ef\u9632\u6b62\u5305\u542b\u8be5\u89c4\u5219\u7684\u4efb\u4f55\u9875\u9762\u5448\u73b0\u4e3a PDF\u3002<samp>url<\/samp><samp>body { background-image: url(&#8220;&#8221;); }<\/samp><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u7981\u6b62\u663e\u793a Salesforce \u7528\u6237\u754c\u9762\u548c \u98ce\u683c<\/h1>\n\n\n\n<p>\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cVisualforce \u9875\u9762\u91c7\u7528\u76f8\u540c\u7684\u89c6\u89c9\u6837\u5f0f\u548c\u7528\u6237\u754c\u9762\u201c\u9576\u8fb9\u201d \u4e0e Salesforce \u7684\u5176\u4f59\u90e8\u5206\u4e00\u6837\u3002\u901a\u8fc7\u6b64\u9ed8\u8ba4\u6837\u5f0f\u884c\u4e3a\uff0c\u60a8\u53ef\u4ee5\u521b\u5efa\u5982\u4e0b\u6240\u793a\u7684\u9875\u9762 \u5b83\u4eec\u76f4\u63a5\u5185\u7f6e\u4e8e Salesforce \u4e2d\u3002\u5982\u679c\u60a8\u4e0d\u5e0c\u671b\u9875\u9762\u5177\u6709 Salesforce \u5916\u89c2\u548c \u611f\u89c9\uff0c\u60a8\u53ef\u4ee5\u6291\u5236 Salesforce \u9875\u9762\u548c\u89c6\u89c9\u8bbe\u8ba1\u7684\u5404\u4e2a\u65b9\u9762\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528 \u7ec4\u4ef6\u4e0a\u7684\u4ee5\u4e0b\u5c5e\u6027\u3002<\/p>\n\n\n\n<p><samp>&lt;apex:page&gt;<\/samp><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><samp>sidebar<\/samp>&#8211; \u8bbe\u7f6e\u4e3a \u4ee5\u7981\u6b62\u663e\u793a\u6807\u51c6\u4fa7\u8fb9\u680f\u3002\u5220\u9664\u4fa7\u8fb9\u680f\u4f1a\u4e3a\u60a8\u7684\u9875\u9762\u63d0\u4f9b \u66f4\u5bbd\u7684\u753b\u5e03\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u5728\u8868\u4e2d\u663e\u793a\u66f4\u591a\u5217\u3002<samp>false<\/samp>\u6b64\u5c5e\u6027\u4e0d \u5f71\u54cd Salesforce \u7684\u5176\u4f59\u5916\u89c2\u3002\u60a8\u53ef\u4ee5\u7ee7\u7eed\u4f7f\u7528 \u3001 \u7b49\u7ec4\u4ef6\uff0c\u4ee5\u53ca\u901a\u8fc7 Salesforce \u7528\u6237\u754c\u9762\u5448\u73b0\u7684\u7ec4\u4ef6 \u9020\u578b\u3002<samp>&lt;apex:pageBlock&gt;<\/samp><samp>&lt;apex:detail&gt;<\/samp><samp>&lt;apex:inputField&gt;<\/samp><\/li>\n\n\n\n<li><samp>showHeader<\/samp>&#8211; \u8bbe\u7f6e\u4e3a \u5c06\u7981\u6b62\u663e\u793a\u6807\u51c6 Salesforce \u9875\u9762\u8bbe\u8ba1\u3002\u6807\u9898\u3001\u9009\u9879\u5361\u548c \u4fa7\u8fb9\u680f\u53ca\u5176\u5173\u8054\u7684\u6837\u5f0f\u8868\u548c JavaScript \u8d44\u6e90\u88ab\u5220\u9664\uff0c \u5c31\u50cf\u5728\u4f1a\u8bdd\u8d85\u65f6\u65f6\u5e2e\u52a9\u91cd\u5b9a\u5411\u7684\u811a\u672c\u4e00\u6837\u3002\u60a8\u5df2\u7ecf\u51c6\u5907\u597d\u4e86\u7a7a\u767d\u9875 \u586b\u5199\u60a8\u81ea\u5df1\u7684\u7528\u6237\u754c\u9762\u3002<samp>false<\/samp>\u4f46\u662f\uff0c\u53d6\u6d88\u6807\u51c6\u9875\u9762\u8bbe\u8ba1\u4e0d\u4f1a \u7981\u6b62\u663e\u793a\u63d0\u4f9b Salesforce \u53ef\u89c6\u5316\u8bbe\u8ba1\u7684\u6240\u6709\u6837\u5f0f\u8868\u548c\u811a\u672c\uff0c\u6216\u8005 \u5176\u4ed6\u811a\u672c\u5305\u62ec\u8be5\u9875\u9762\u3002\u6dfb\u52a0\u5230\u9875\u9762\u7684 Visualforce \u7ec4\u4ef6 \u7ee7\u7eed\u91c7\u7528 Salesforce \u89c6\u89c9\u8bbe\u8ba1\u3002<\/li>\n\n\n\n<li><samp>standardStylesheets<\/samp>&#8211; \u8bbe\u7f6e\u4e3a \uff0c\u540c\u65f6\u8bbe\u7f6e\u4e3a \uff0c\u4ee5\u9690\u542b \u5305\u542b\u652f\u6301 Salesforce \u89c6\u89c9\u8bbe\u8ba1\u7684\u6837\u5f0f\u8868\u3002\u5f53\u60a8\u6291\u5236 \u5728\u6807\u51c6\u6837\u5f0f\u8868\u4e2d\uff0c\u60a8\u7684\u9875\u9762\u662f\u65e0\u6837\u5f0f\u7684\uff0c\u4f46\u60a8\u81ea\u5df1\u7684\u6837\u5f0f\u8868\u9664\u5916\u3002<samp>false<\/samp><samp>showHeader<\/samp><samp>false<\/samp>\u6ce8\u610f<a><\/a>\u5982\u679c\u60a8\u4e0d\u52a0\u8f7d Salesforce \u6837\u5f0f\u8868\u3001\u9700\u8981\u5b83\u4eec\u7684\u7ec4\u4ef6\u4e0d\u663e\u793a \u6b63\u786e\u3002\u5982\u679c\u672a\u540c\u65f6\u8bbe\u7f6e\u4e3a \uff0c\u5219\u5c06\u6b64\u5c5e\u6027\u8bbe\u7f6e\u4e3a \u4e0d\u8d77\u4f5c\u7528\u3002<samp>false<\/samp><samp>showHeader<\/samp><samp>false<\/samp><\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">\u5b9a\u4e49\u7ec4\u4ef6\u7684 DOM ID \u7684\u6837\u5f0f<\/h1>\n\n\n\n<p>\u5982\u679c\u8981\u5e94\u7528\u6837\u5f0f\uff0c\u8bf7\u4f7f\u7528\u6837\u5f0f\u5b9a\u4e49\u7684 CSS \u5c5e\u6027\u9009\u62e9\u5668 \u5c5e\u6027\u9009\u62e9\u5668\u4f9d\u8d56\u4e8e\u5c5e\u6027\u7684\u5b9a\u4e49\uff0c\u800c\u4e0d\u662f HTML \u6807\u8bb0\uff0c\u4ee5\u5e94\u7528 CSS \u6837\u5f0f\u3002\u60a8\u53ef\u4ee5\u5728\u4efb\u4f55 Visualforce \u7ec4\u4ef6\u4e0a\u8bbe\u7f6e\u8be5\u503c\u4ee5\u8bbe\u7f6e\u5176 DOM ID\u3002\u4f46\u662f\uff0c\u5728\u5448\u73b0\u7684 HTML \u4e2d\u662f \u901a\u5e38\u4ee5\u7236\u6bcd\u7684 \u7ec4\u4ef6\uff0c\u4f5c\u4e3a Visualforce \u81ea\u52a8 ID \u751f\u6210\u8fc7\u7a0b\u7684\u4e00\u90e8\u5206\u3002\u4f8b\u5982\uff0c\u4ee5\u4e0b\u4ee3\u7801\u7684\u5b9e\u9645 HTML \u4e3a\uff1a<\/p>\n\n\n\n<p><samp>id<\/samp><samp>id<\/samp><samp>id<\/samp><samp>id<\/samp><samp>j_id0:myId<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page&gt;\n    &lt;apex:outputText id=\"myId\" value=\"This is less fancy.\"\/&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u4f60 CSS \u5e94\u8be5\u901a\u8fc7\u4f7f\u7528\u5c5e\u6027\u6765\u8003\u8651\u8fd9\u4e00\u70b9 \u9009\u62e9\u5668\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page&gt;\n    &lt;style type=\"text\/css\"&gt;\n        &#91;id*=myId] { font-weight: bold; }\n    &lt;\/style&gt;\n    &lt;apex:outputText id=\"myId\" value=\"This is way fancy !\"\/&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u8fd9 \u9009\u62e9\u5668\u5339\u914d ID \u4e2d\u4efb\u4f55\u4f4d\u7f6e\u5305\u542b\u201cmyId\u201d\u7684\u4efb\u4f55 DOM ID\uff0c\u56e0\u6b64\u60a8\u5728 Visualforce \u7ec4\u4ef6\u4e0a\u8bbe\u7f6e\u7684 \u5982\u679c\u60a8\u6253\u7b97\u5c06\u5176\u7528\u4e8e\u6837\u5f0f\u76ee\u7684\uff0c\u5219\u5728\u9875\u9762\u4e0a\u662f\u552f\u4e00\u7684\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u4f7f\u7528 Salesforce \u6837\u5f0f\u8868\u4e2d\u7684\u6837\u5f0f<\/h1>\n\n\n\n<p>Salesforce \u5728\u6574\u4e2a\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4f7f\u7528\u4e0d\u540c\u7684\u6837\u5f0f\u8868\uff08.css \u6587\u4ef6\uff09\u6765\u786e\u4fdd \u6bcf\u4e2a\u9009\u9879\u5361\u90fd\u7b26\u5408 Salesforce \u7684\u5916\u89c2\u548c\u611f\u89c9\u3002\u8fd9\u4e9b\u6837\u5f0f\u8868\u662f\u81ea\u52a8\u7684 \u5305\u542b\u5728 Visualforce \u9875\u9762\u4e0a\uff0c\u9664\u975e\u60a8\u6307\u5b9a \u6807\u8bb0\u7684\u5c5e\u6027\u3002<\/p>\n\n\n\n<p><samp>false<\/samp><samp>showHeader<\/samp><samp>&lt;apex:page&gt;<\/samp><\/p>\n\n\n\n<p>\u8b66\u544a<\/p>\n\n\n\n<p>Salesforce \u6837\u5f0f\u8868\u6ca1\u6709\u7248\u672c\u63a7\u5236\uff0c\u5916\u89c2\u548c\u7c7b\u540d \u7684\u7ec4\u4ef6\u66f4\u6539\uff0c\u6055\u4e0d\u53e6\u884c\u901a\u77e5\u3002Salesforce \u5f3a\u70c8\u5efa\u8bae\u60a8\u4f7f\u7528 Visualforce \u6a21\u4eff Salesforce \u6837\u5f0f\u7684\u5916\u89c2\u800c\u4e0d\u662f\u76f4\u63a5\u6a21\u4eff\u7684\u7ec4\u4ef6 \u5f15\u7528\u5e76\u4f9d\u8d56<a><\/a>Salesforce\u7684\u6837\u5f0f\u8868\u3002<\/p>\n\n\n\n<p>\u5f53\u60a8\u7981\u7528\u5305\u542b Salesforce \u6837\u5f0f\u8868\u65f6\uff0c\u53ea\u6709\u60a8\u7684\u81ea\u5b9a\u4e49\u6837\u5f0f\u8868 \u5f71\u54cd\u9875\u9762\u7684\u6837\u5f0f\u3002\u4e3a\u4e86\u5efa\u7acb\u90e8\u5206\u6216\u5168\u90e8\u7684\u6837\u5f0f \u4e0e Salesforce \u5916\u89c2\u76f8\u5339\u914d\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u67e5\u770b\u548c\u4f7f\u7528\u6240\u9009\u5185\u5bb9 \u9ed8\u8ba4\u6837\u5f0f\u8868\u3002\u4ee5\u4e0b\u6837\u5f0f\u8868\u5305\u542b\u60a8\u53ef\u4ee5\u5f15\u7528\u7684\u6837\u5f0f\u7c7b\u3002\u5b83\u4eec\u4f4d\u4e8e Salesforce \u5b9e\u4f8b\u7684 \/dCSS\/&nbsp;\u76ee\u5f55\u4e2d\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dStandard.css&nbsp;\u2013 \u5305\u542b\u5927\u591a\u6570\u6837\u5f0f\u5b9a\u4e49 \u7528\u4e8e\u6807\u51c6\u5bf9\u8c61\u548c\u9009\u9879\u5361\u3002<\/li>\n\n\n\n<li>allCustom.css&nbsp;\u2013 \u5305\u542b\u81ea\u5b9a\u4e49\u7684\u6837\u5f0f\u5b9a\u4e49 \u5236\u8868\u7b26\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u91cd\u8981<\/p>\n\n\n\n<p>Salesforce \u4e0d\u63d0\u4f9b\u66f4\u6539\u901a\u77e5\u6216\u6587\u6863 \u7684\u5185\u7f6e\u6837\u5f0f\u3002\u4f7f\u7528\u98ce\u9669\u81ea\u8d1f\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u8bc6\u522b\u7528\u6237\u770b\u5230\u7684 Salesforce \u6837\u5f0f<\/h1>\n\n\n\n<p>\u521b\u5efa Visualforce \u9875\u9762\u65f6\uff0c\u4e86\u89e3 Salesforce \u5916\u89c2\u901a\u5e38\u5f88\u6709\u7528 \u5e76\u611f\u53d7\u7528\u6237\u7684\u671f\u671b\uff0c\u4ee5\u4fbf\u5448\u73b0\u4e0e\u5176\u98ce\u683c\u76f8\u5339\u914d\u7684\u9875\u9762\u3002\u4f8b\u5982 \u4e00\u4e9b\u7528\u6237\u53ef\u4ee5\u9009\u62e9\u81ea\u5b9a\u4e49\u5176\u5916\u89c2\u3002\u60a8\u9700\u8981\u8bbe\u8ba1\u60a8\u7684 Visualforce \u9875\u9762\u5c06\u8fd9\u4e9b\u5dee\u5f02\u8003\u8651\u5728\u5185\u3002<\/p>\n\n\n\n<p>\u90a3\u91cc \u662f\u4e24\u4e2a\u5168\u5c40\u53d8\u91cf\uff0c\u53ef\u5e2e\u52a9\u60a8\u786e\u5b9a\u7528\u6237\u770b\u5230\u7684\u6837\u5f0f\uff1a\u548c \u3002\u8fd9\u4e24\u4e2a\u53d8\u91cf\u4e4b\u95f4\u7684\u533a\u522b\u5728\u4e8e\uff0c$User.UITheme&nbsp;\u8fd4\u56de\u7528\u6237\u5e94\u8be5\u770b\u5230\u7684\u5916\u89c2\u548c\u611f\u89c9\uff0c \u800c&nbsp;$User.UIThemeDisplayed&nbsp;\u5b9e\u9645\u8fd4\u56de\u7528\u6237\u7684\u5916\u89c2 \u770b\u5230\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u62e5\u6709\u67e5\u770b\u95ea\u7535\u7f51\u7edc\u7684\u9996\u9009\u9879\u548c\u6743\u9650 \u4f53\u9a8c\u5916\u89c2\uff0c\u4f46\u5982\u679c\u4ed6\u4eec\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u8be5\u5916\u89c2\u548c \u611f\u89c9\uff0c\u4f8b\u5982\uff0c\u65e7\u7248\u672c\u7684 Internet Explorer\uff0c$User.UIThemeDisplayed&nbsp;\u8fd4\u56de\u4e0d\u540c\u7684\u503c\u3002<samp>$User.UITheme<\/samp><samp>$User.UIThemeDisplayed<\/samp>\u8fd9\u4e24\u4e2a\u53d8\u91cf\u90fd\u8fd4\u56de\u4ee5\u4e0b\u503c\u4e4b\u4e00\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><samp>Theme1<\/samp>&#8211; \u8fc7\u65f6\u7684 Salesforce \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme2<\/samp>&#8211; Salesforce Classic 2005 \u7528\u6237 \u754c\u9762\u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme3<\/samp>&#8211; Salesforce Classic 2010 \u7528\u6237 \u754c\u9762\u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4d<\/samp>\u2014\u2014\u73b0\u4ee3\u201c\u95ea\u7535\u4f53\u9a8c\u201d Salesforce \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4t<\/samp>&#8211; Salesforce \u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4u<\/samp>&#8211; Lightning \u63a7\u5236\u53f0\u4e3b\u9898<\/li>\n\n\n\n<li><samp>PortalDefault<\/samp>\u2014Salesforce \u5ba2\u6237\u95e8\u6237 \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Webstore<\/samp>\u2014AppExchange \u4e3b\u9898<\/li>\n<\/ul>\n\n\n\n<p>\u5047\u8bbe\u5f00\u53d1\u4eba\u5458\u5bf9\u4e00\u4e9b CSS \u6837\u5f0f\u8fdb\u884c\u4e86\u786c\u7f16\u7801\uff0c\u4f7f\u5176\u7c7b\u4f3c\u4e8e Salesforce\u3002\u4e3a\u4e86 \u5728\u65b0\u6837\u5f0f\u7684 Visualforce \u9875\u9762\u4e0a\u4fdd\u7559\u76f8\u540c\u7684\u5916\u89c2\uff0c\u5f00\u53d1\u4eba\u5458\u9700\u8981 \u5728\u591a\u4e2a\u6837\u5f0f\u8868\u4e4b\u95f4\u8fdb\u884c\u9009\u62e9\u4ee5\u5904\u7406\u7528\u6237\u7684\u9996\u9009\u9879\u3002\u4ee5\u4e0b \u793a\u4f8b\u663e\u793a\u4e86\u4e00\u79cd\u53ef\u80fd\u7684\u5b8c\u6210\u65b9\u5f0f \u8fd9\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page standardController=\"Account\"&gt;\n    &lt;apex:variable var=\"newUI\" value=\"newSkinOn\" \n        rendered=\"{!$User.UIThemeDisplayed = 'Theme3'}\"&gt;\n        &lt;apex:stylesheet value=\"{!URLFOR($Resource.myStyles, 'newStyles.css')}\" \/&gt;\n    &lt;\/apex:variable&gt;\n    &lt;apex:variable var=\"oldUI\" value=\"oldSkinOn\" \n        rendered=\"{!$User.UIThemeDisplayed != 'Theme3'}\"&gt;\n        &lt;apex:stylesheet value=\"{!URLFOR($Resource.myStyles, 'oldStyles.css')}\" \/&gt;\n    &lt;\/apex:variable&gt;\n    &lt;!-- Continue page design --&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u8bf7\u6ce8\u610f\uff0c\u5728\u6b64\u793a\u4f8b\u4e2d\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4f7f\u7528\u5c5e\u6027\uff0c\u60a8\u53ef\u4ee5\u201c\u5207\u6362\u201d \u663e\u793a\u54ea\u4e9b\u90e8\u5206\u3002<samp>rendered<\/samp><\/li>\n\n\n\n<li>\u7531\u4e8e\u6807\u7b7e\u6ca1\u6709 \u5c5e\u6027\uff0c\u60a8\u9700\u8981\u5c06\u5176\u5305\u88c5\u5728 \u7ec4\u4ef6\u3002<samp>&lt;apex:stylesheet&gt;<\/samp><samp>rendered<\/samp><\/li>\n<\/ul>\n\n\n\n<p>\u5373\u4f7f\u4e3a\u7528\u6237\u542f\u7528\u4e86\u65b0\u7684\u5916\u89c2\uff0c\u4ed6\u4eec\u4e5f\u53ef\u80fd\u6ca1\u6709\u6b63\u786e\u8fd0\u884c \u6d4f\u89c8\u5668\u6216\u8f85\u52a9\u529f\u80fd\u8bbe\u7f6e\u6765\u67e5\u770b\u5b83\u3002\u4e0b\u9762\u662f\u4e00\u4e2a\u4ee3\u7801\u793a\u4f8b\uff0c\u5b83\u5229\u7528\u53d8\u91cf\u6765\u663e\u793a alternate \u4fe1\u606f\u53d1\u9001\u7ed9 \u7528\u6237\uff1a<\/p>\n\n\n\n<p><samp>$User.UITheme<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page showHeader=\"true\" tabstyle=\"Case\"&gt;\n    &lt;apex:pageMessage severity=\"error\" rendered=\"{!$User.UITheme = 'Theme3' &amp;&amp; \n                                                    $User.UIThemeDisplayed != 'Theme3'}\"&gt;\n    We've noticed that the new look and feel is enabled for your organization. \n    However, you can't take advantage of its brilliance. Please check with \n    your administrator for possible reasons for this impediment.\n    &lt;\/apex:pageMessage&gt;\n    &lt;apex:ListViews type=\"Case\" rendered=\"{!$User.UITheme = 'Theme3' &amp;&amp; \n                                           $User.UIThemeDisplayed = 'Theme3'}\"\/&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>\u8bf7\u6ce8\u610f\uff0c\u867d\u7136\u7b49\u4e8e \uff0c\u4f46\u4e0d\u7b49\u4e8e\uff0c\u56e0\u6b64\u9875\u9762\u4e0d\u4f1a\u5448\u73b0 \u5145\u5206\u53d1\u6325\u5176\u6f5c\u529b\u3002<\/p>\n\n\n\n<p><samp>$User.UITheme<\/samp><samp>Theme3<\/samp><samp>$User.UIThemeDisplayed<\/samp><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u786e\u5b9a\u7528\u6237\u5728 JavaScript \u4e2d\u770b\u5230\u7684 Salesforce \u6837\u5f0f<\/h1>\n\n\n\n<p>\u5982\u679c\u60a8\u5728\u9875\u9762\u548c\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4f7f\u7528\u5927\u91cf JavaScript\uff0c\u8bf7\u8bc6\u522b Salesforce \u4e3b\u9898 \u7528\u6237\u5728 JavaScript \u4ee3\u7801\u4e2d\u770b\u5230\u7684\u5185\u5bb9\u5f88\u91cd\u8981\u3002\u8bc6\u522b\u5f53\u524d\u7528\u6237\u4f53\u9a8c\u4e0a\u4e0b\u6587 \u5141\u8bb8\u60a8\u5728 JavaScript \u4ee3\u7801\u4e2d\u6b63\u786e\u7ba1\u7406\u5bfc\u822a\u3002<\/p>\n\n\n\n<p>JavaScript \u51fd\u6570\u8fd4\u56de\u4e00\u4e2a \u5305\u542b\u4ee5\u4e0b\u503c\u4e4b\u4e00\u7684\u5b57\u7b26\u4e32\uff0c\u7528\u4e8e\u6807\u8bc6\u5f53\u524d\u7528\u6237\u754c\u9762\u4e3b\u9898\u3002<samp>UITheme.getUITheme()<\/samp><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><samp>Theme1<\/samp>&#8211; \u8fc7\u65f6\u7684 Salesforce \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme2<\/samp>&#8211; Salesforce Classic 2005 \u7528\u6237\u754c\u9762 \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme3<\/samp>\u2014Salesforce Classic 2010 \u7528\u6237\u754c\u9762 \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4d<\/samp>\u2014\u73b0\u4ee3\u201c\u95ea\u7535\u4f53\u9a8c\u201dSalesforce \u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4t<\/samp>&#8211; Salesforce \u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u4e3b\u9898<\/li>\n\n\n\n<li><samp>Theme4u<\/samp>&#8211; Lightning \u63a7\u5236\u53f0\u4e3b\u9898<\/li>\n\n\n\n<li><samp>PortalDefault<\/samp>\u2014Salesforce \u5ba2\u6237\u95e8\u6237\u4e3b\u9898<\/li>\n\n\n\n<li><samp>Webstore<\/samp>\u2014AppExchange \u4e3b\u9898<\/li>\n<\/ul>\n\n\n\n<p>\u8fd4\u56de\u7684\u5b57\u7b26\u4e32\u503c\u4e0e Visualforce \u548c\u5168\u5c40\u53d8\u91cf\u8fd4\u56de\u7684\u503c\u76f8\u540c\u3002<samp>$User.UITheme<\/samp><samp>$User.UIThemeDisplayed<\/samp><\/p>\n\n\n\n<p>\u4ee5\u4e0b\u6807\u8bb0\u68c0\u67e5\u5f53\u524d\u7528\u6237\u4f53\u9a8c\u4e0a\u4e0b\u6587\u662f\u5426\u4e3a Lightning Experience \u4e3b\u9898\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function isLightningDesktop() {\n  return UITheme.getUITheme === \"Theme4d\";\n}<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading\">HTML \u6ce8\u91ca\u548c IE \u6761\u4ef6\u6ce8\u91ca<\/h1>\n\n\n\n<p>Visualforce \u5220\u9664\u4e86\u5927\u591a\u6570 HTML \u548c \u5728\u5448\u73b0\u4e4b\u524d\u4ece\u9875\u9762\u8fdb\u884c XML \u6ce8\u91ca\uff0c\u800c\u4e0d\u5904\u7406\u5176\u5185\u5bb9\u3002\u4e92\u8054\u7f51 \u4f46\u662f\uff0c\u8d44\u6e90\u7ba1\u7406\u5668\u6761\u4ef6\u6ce8\u91ca<em>\u4e0d\u4f1a<\/em>\u88ab\u5220\u9664\uff0c\u5141\u8bb8\u4f60\u5305\u62ec \u7279\u5b9a\u4e8e IE \u7684\u8d44\u6e90\u548c\u5143\u6807\u8bb0\u3002<\/p>\n\n\n\n<p>Visualforce \u4e0d\u4f1a\u8bc4\u4f30\u6807\u51c6 HTML \u6ce8\u91ca \uff08\uff09 \u4e2d\u5305\u542b\u7684\u4efb\u4f55\u5185\u5bb9\uff0c\u65e0\u8bba\u6ce8\u91ca\u662f\u5355\u884c\u8fd8\u662f \u591a\u884c\u3002\u5bf9\u4e8e\u975e Internet Explorer \u6ce8\u91ca\uff0cVisualforce \u7f16\u8bd1\u5668\u5c06 \u5e26\u6709\u661f\u53f7\u7684 HTML \u6ce8\u91ca\u7684\u5185\u5bb9\u3002\u6b64\u66ff\u6362\u4f7f HTML \u6ce8\u91ca \u4e0d\u9002\u5408\u5728\u8f83\u65e7\u7684\u6d4f\u89c8\u5668\u4e2d\u6ce8\u91ca\u6389 JavaScript \u4ee3\u7801\u3002<samp>&lt;!&#8211; &#8211;&gt;<\/samp><\/p>\n\n\n\n<p>Internet Explorer \u6761\u4ef6\u6ce8\u91ca\u6700\u591a \u901a\u5e38\u7528\u4e8e\u89e3\u51b3\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898\uff0c\u901a\u5e38\u4f7f\u7528\u65e7\u7248\u672c\u7684 \u5373\u3002\u5c3d\u7ba1\u6761\u4ef6\u6ce8\u91ca\u5728\u9875\u9762\u4e0a\u7684\u4efb\u4f55\u5730\u65b9\u90fd\u6709\u6548\uff0c\u4f46\u5b83\u4eec\u662f \u7ecf\u5e38\u653e\u7f6e\u5728\u9875\u9762\u7684\u6807\u7b7e\u5185\uff0c \u5b83\u4eec\u53ef\u7528\u4e8e\u5305\u542b\u7279\u5b9a\u4e8e\u7248\u672c\u7684\u6837\u5f0f\u8868\u6216 JavaScript \u517c\u5bb9\u6027\u201c\u586b\u5145\u7801\u201d\u3002<samp>&lt;head><\/samp>\u8981\u5728\u9875\u9762\u7684\u6807\u7b7e\u4e2d\u653e\u7f6e\u6761\u4ef6\u6ce8\u91ca\uff0c \u7981\u7528\u6807\u51c6 Salesforce header\u3001sidebar \u548c stylesheet\uff0c\u5e76\u6dfb\u52a0\u60a8\u81ea\u5df1\u7684 \u548c tags\uff1a<\/p>\n\n\n\n<p><samp>&lt;head&gt;<\/samp><samp>&lt;head&gt;<\/samp><samp>&lt;body&gt;<\/samp><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;apex:page docType=\"html-5.0\" showHeader=\"false\" standardStylesheets=\"false\"&gt;\n    &lt;head&gt;\n      &lt;!-- Base styles --&gt;\n      &lt;apex:stylesheet value=\"{!URLFOR($Resource.BrowserCompatibility, 'css\/style.css')}\"\/&gt;\n        \n      &lt;!--&#91;if lt IE 7]&gt;\n          &lt;script type=\"text\/javascript\" \n              src=\"{!URLFOR($Resource.BrowserCompatibility, 'js\/obsolete-ie-shim.js')}&gt;\n          &lt;\/script&gt;\n          &lt;link rel=\"stylesheet\" type=\"text\/css\" \n              href=\"{!URLFOR($Resource.BrowserCompatibility, 'css\/ie-old-styles.css')}\" \/&gt;\n      &lt;!&#91;endif]--&gt; \n    \n      &lt;!--&#91;if IE 7]&gt;\n          &lt;link rel=\"stylesheet\" type=\"text\/css\" \n              href=\"{!URLFOR($Resource.BrowserCompatibility, 'css\/ie7-styles.css')}\" \/&gt;\n      &lt;!&#91;endif]--&gt;\n    &lt;\/head&gt;\n\n    &lt;body&gt;\n        &lt;h1&gt;Browser Compatibility&lt;\/h1&gt;\n        &lt;p&gt;It's not just a job. It's an adventure.&lt;\/p&gt;\n    &lt;\/body&gt;\n&lt;\/apex:page&gt;<\/code><\/pre>\n\n\n\n<p>Visualforce \u4e0d\u652f\u6301\u6216 \u8bc4\u4f30 Visualforce \u6807\u7b7e\uff0c\u7528\u4e8e \u793a\u4f8b\uff0c \uff0c \u5728 \u6807\u51c6 HTML \u6ce8\u91ca\u3002\u4f46\u662f\uff0c\u5b83\u5c06\u5728 IE \u4e2d\u8ba1\u7b97\u4ee5\u4e0b\u8868\u8fbe\u5f0f \u6761\u4ef6\u8bc4\u8bba\uff1a<\/p>\n\n\n\n<p><samp>&lt;apex:includeScript\/&gt;<\/samp><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5168\u5c40\u53d8\u91cf\uff0c\u4f8b\u5982 \u548c<samp>$Resource<\/samp><samp>$User<\/samp><\/li>\n\n\n\n<li>\u51fd\u6570<samp>URLFOR()<\/samp><\/li>\n<\/ul>\n\n\n\n<p>\u8bf7\u53c2\u9605\u00a0Microsoft \u7684 Internet \u6587\u6863 Explorer \u6761\u4ef6\u6ce8\u91ca\uff0c\u4ee5\u83b7\u53d6\u6709\u5173\u5982\u4f55\u4f7f\u7528\u5b83\u4eec\u7684\u66f4\u591a\u8be6\u7ec6\u4fe1\u606f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa<br \/>\nVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002<\/p>\n","protected":false},"author":1,"featured_media":4043,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[271],"tags":[275],"class_list":["post-4030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualforce-","tag--visualforce-"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14<\/title>\n<meta name=\"description\" content=\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.ponybai.com\/?p=4030\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14\" \/>\n<meta property=\"og:description\" content=\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.ponybai.com\/?p=4030\" \/>\n<meta property=\"og:site_name\" content=\"\u767d\u767d\u968f\u7b14\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-09T12:35:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-05T07:55:50+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"304\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ponybai\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"ponybai\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.ponybai.com\/?p=4030#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.ponybai.com\/?p=4030\"},\"author\":{\"name\":\"ponybai\",\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883\"},\"headline\":\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa\",\"datePublished\":\"2024-02-09T12:35:11+00:00\",\"dateModified\":\"2023-12-05T07:55:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.ponybai.com\/?p=4030\"},\"wordCount\":805,\"publisher\":{\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883\"},\"keywords\":[\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa\"],\"articleSection\":[\"Visualforce \u5f00\u53d1\u4eba\u5458\u6307\u5357\"],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.ponybai.com\/?p=4030\",\"url\":\"http:\/\/www.ponybai.com\/?p=4030\",\"name\":\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14\",\"isPartOf\":{\"@id\":\"http:\/\/www.ponybai.com\/#website\"},\"datePublished\":\"2024-02-09T12:35:11+00:00\",\"dateModified\":\"2023-12-05T07:55:50+00:00\",\"description\":\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002\",\"breadcrumb\":{\"@id\":\"http:\/\/www.ponybai.com\/?p=4030#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.ponybai.com\/?p=4030\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.ponybai.com\/?p=4030#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"http:\/\/www.ponybai.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.ponybai.com\/#website\",\"url\":\"http:\/\/www.ponybai.com\/\",\"name\":\"\u767d\u767d\u968f\u7b14\",\"description\":\"Salesforce\u5b98\u65b9\u8bb2\u5e08\",\"publisher\":{\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.ponybai.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883\",\"name\":\"ponybai\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2025\/03\/cropped-Ihsans-WeChatQR.jpg\",\"contentUrl\":\"http:\/\/www.ponybai.com\/wp-content\/uploads\/2025\/03\/cropped-Ihsans-WeChatQR.jpg\",\"width\":248,\"height\":248,\"caption\":\"ponybai\"},\"logo\":{\"@id\":\"http:\/\/www.ponybai.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/121.37.188.161\"],\"url\":\"http:\/\/www.ponybai.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14","description":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.ponybai.com\/?p=4030","og_locale":"zh_CN","og_type":"article","og_title":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14","og_description":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002","og_url":"http:\/\/www.ponybai.com\/?p=4030","og_site_name":"\u767d\u767d\u968f\u7b14","article_published_time":"2024-02-09T12:35:11+00:00","article_modified_time":"2023-12-05T07:55:50+00:00","og_image":[{"width":802,"height":304,"url":"http:\/\/www.ponybai.com\/wp-content\/uploads\/2023\/12\/cvfpage1.png","type":"image\/png"}],"author":"ponybai","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"ponybai","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.ponybai.com\/?p=4030#article","isPartOf":{"@id":"http:\/\/www.ponybai.com\/?p=4030"},"author":{"name":"ponybai","@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883"},"headline":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa","datePublished":"2024-02-09T12:35:11+00:00","dateModified":"2023-12-05T07:55:50+00:00","mainEntityOfPage":{"@id":"http:\/\/www.ponybai.com\/?p=4030"},"wordCount":805,"publisher":{"@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883"},"keywords":["\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa"],"articleSection":["Visualforce \u5f00\u53d1\u4eba\u5458\u6307\u5357"],"inLanguage":"zh-Hans"},{"@type":"WebPage","@id":"http:\/\/www.ponybai.com\/?p=4030","url":"http:\/\/www.ponybai.com\/?p=4030","name":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa - \u767d\u767d\u968f\u7b14","isPartOf":{"@id":"http:\/\/www.ponybai.com\/#website"},"datePublished":"2024-02-09T12:35:11+00:00","dateModified":"2023-12-05T07:55:50+00:00","description":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51faVisualforce \u9875\u9762\u548c\u7ec4\u4ef6 \u8f93\u51fa\u53d1\u9001\u5230\u6d4f\u89c8\u5668\u8fdb\u884c\u5448\u73b0\u7684 HTML\u3002Visualforce \u7684 HTML \u751f\u6210\u662f \u590d\u6742\uff0c\u81ea\u52a8\u63d0\u4f9b\u9875\u9762\u7ed3\u6784\u3001\u5185\u5bb9\u548c\u6837\u5f0f\u3002Visualforce \u8fd8\u63d0\u4f9b\u4e86\u591a\u79cd\u65b9\u6cd5\u6765 \u66f4\u6539 Visualforce \u7684\u9ed8\u8ba4 HTML\uff0c \u66ff\u6362\u60a8\u81ea\u5df1\u7684\u8d44\u6e90\uff0c\u6216\u5173\u8054\u5176\u4ed6\u8d44\u6e90\uff0c\u4f8b\u5982 CSS \u6837\u5f0f\u8868\u6216 JavaScript \u6587\u4ef6\uff0c\u5e26\u6709\u9875\u9762\u3002","breadcrumb":{"@id":"http:\/\/www.ponybai.com\/?p=4030#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.ponybai.com\/?p=4030"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.ponybai.com\/?p=4030#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"http:\/\/www.ponybai.com\/"},{"@type":"ListItem","position":2,"name":"\u81ea\u5b9a\u4e49 Visualforce \u9875\u9762\u7684\u5916\u89c2\u548c\u8f93\u51fa"}]},{"@type":"WebSite","@id":"http:\/\/www.ponybai.com\/#website","url":"http:\/\/www.ponybai.com\/","name":"\u767d\u767d\u968f\u7b14","description":"Salesforce\u5b98\u65b9\u8bb2\u5e08","publisher":{"@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.ponybai.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/935c7592c850c65e1e5eba4530dbf883","name":"ponybai","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/image\/","url":"http:\/\/www.ponybai.com\/wp-content\/uploads\/2025\/03\/cropped-Ihsans-WeChatQR.jpg","contentUrl":"http:\/\/www.ponybai.com\/wp-content\/uploads\/2025\/03\/cropped-Ihsans-WeChatQR.jpg","width":248,"height":248,"caption":"ponybai"},"logo":{"@id":"http:\/\/www.ponybai.com\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/121.37.188.161"],"url":"http:\/\/www.ponybai.com\/?author=1"}]}},"_links":{"self":[{"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/posts\/4030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4030"}],"version-history":[{"count":2,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/posts\/4030\/revisions"}],"predecessor-version":[{"id":4045,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/posts\/4030\/revisions\/4045"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=\/wp\/v2\/media\/4043"}],"wp:attachment":[{"href":"http:\/\/www.ponybai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4030"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ponybai.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}