[IE编程] 如何设置IE8的WebBrowser控件(MSHTML) 的渲染模式

本文介绍如何通过修改注册表设置,使IE8的WebBrowser控件从默认的IE7兼容视图模式切换到IE8标准模式,以及如何启用强制标准模式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

IE8 在渲染引擎做了很大的改动,新增加一个标准模式 (Standard Mode)。 不少软件都内嵌了IE的WebBrowser控件(也就是MSHTML.dll)来显示网页, 当用户机器升级到IE8, WebBrowser控件也会随之升级到IE8的渲染引擎。

 

为了保证这些使用WebBrowser控件的应用软件能够工作起来和原来一样,IE8的WebBrowser控件在默认情况下使用了IE7 的渲染模式也就是IE8中的Compatible View (兼容视图)模式)。

 

 

加入你想让WebBrowser控件的渲染模式编程IE8的标准模式, 你可以通过设置注册表FEATURE_BROWSER_EMULATION 来实现。

 

示例:

[(HKEY_CURRENT_USER or HKEY_LOCAL_MACHINE)/Software/Microsoft/Internet Explorer/Main/FeatureControl/FEATURE_BROWSER_EMULATION]
"MyApplication.exe" = dword 8000 (Hex: 0x1F40)

 

这里MyApplicaiton.exe 是你的应用程序的EXE文件名。 8000 表示8.0的渲染模式,请对照下表:

 

IE8 Standards Mode   8000 (0x1F40)  -- IE8 标准模式 (Standard Mode), IE8默认的模式

 

 

IE7 Standards Mode   7000 (0x1B58)  -- IE7 兼容视图模式 (Compatible View), IE8的WebBrowser控件默认模式

IE8 Standards Mode (Forced)  8888 (0x22B8) -- IE8 强制标准模式,在渲染失败的情况下不尝试用兼容视图模式

 

 

>> 原创文章的版权属于作者,转载请注明出处和作者信息(http://blog.youkuaiyun.com/WinGeek/), 谢谢。 <<

### 如何在 Vue 中使用 Pinia 进行状态管理 PiniaVue 3 推荐的状态管理库,它提供了一种简单而灵活的方式来管理应用中的全局状态。以下是关于如何在 Vue 应用中集成并使用 Pinia 的详细介绍。 #### 安装 Pinia 要开始使用 Pinia,在项目根目录下运行以下命令来安装依赖项: ```bash npm install pinia ``` 如果正在使用 Vue CLI 创建的应用,则可以通过插件方式快速配置: ```bash vue add pinia ``` 这一步会自动完成大部分设置工作[^1]。 #### 初始化 Pinia 实例 在 `main.js` 或者项目的入口文件中引入并初始化 Pinia: ```javascript import { createApp } from 'vue'; import App from './App.vue'; import { createPinia } from 'pinia'; const app = createApp(App); const pinia = createPinia(); app.use(pinia).mount('#app'); ``` 通过调用 `createPinia()` 方法创建一个新的 Pinia 实例,并将其注册到 Vue 应用实例上。 #### 创建 Store 定义一个 store 来存储共享数据以及相关的逻辑操作。通常会在单独的文件夹(如 `stores/`)中组织这些 stores 文件。 下面展示了一个简单的计数器 store 示例: ```javascript // stores/counter.js import { defineStore } from 'pinia'; export const useCounterStore = defineStore('counter', { state: () => ({ count: 0, }), actions: { increment() { this.count++; }, decrement() { this.count--; } }, }); ``` 这里我们利用了 `defineStore` 函数定义名为 `'counter'` 的 store,其中包含了初始状态和修改该状态的动作方法[^2]。 #### 使用 Store 数据 组件内部可以轻松访问已定义好的 store 及其属性或函数。例如在一个 `.vue` 单文件组件里这样写: ```html <template> <div> <p>Count is {{ counter.count }}</p> <button @click="increment">Increment</button> <button @click="decrement">Decrement</button> </div> </template> <script setup> import { useCounterStore } from '../stores/counter'; const counter = useCounterStore(); function increment() { counter.increment(); } function decrement() { counter.decrement(); } </script> ``` 上述代码片段展示了如何获取 store 并绑定事件处理器去改变它的值。 --- #### 坚持持久化状态 (可选) 为了使页面刷新后仍能保留某些特定的数据,可以考虑实现状态持久化的功能。比如借助浏览器本地储存 LocalStorage 达成此目的。具体做法如下所示: ```javascript // plugins/persistedState.js import { createPinia, setActivePinia } from 'pinia'; import persistedStatePlugin from 'pinia-plugin-persistedstate'; setActivePinia(createPinia()); const piniaWithPersistence = createPinia().use(persistedStatePlugin); export default piniaWithPersistence; ``` 接着调整 main.js 加载顺序以支持新的增强型 pinia 版本: ```javascript import { createApp } from 'vue'; import App from './App.vue'; import piniaWithPersistence from './plugins/persistedState'; const app = createApp(App); app.use(piniaWithPersistence).mount('#app'); ``` 最后记得更新对应 store 设置使其具备保存能力: ```javascript export const useCounterStore = defineStore( 'counter', {...}, { persist: true }, // 开启持久化选项 ); ``` 以上步骤实现了即使关闭再打开网页也能恢复之前记录的功能[^4]。 ---
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值